responsive checked

This commit is contained in:
Selvi 2025-08-19 17:48:15 +05:30
parent ba6e1e07b3
commit b24603d240
6 changed files with 36 additions and 8 deletions

View File

@ -39,8 +39,8 @@ const BlogSection = () => {
<p <p
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: __html:
blogTexts.description?.length > 100 blogTexts.description?.length > 110
? blogTexts.description.substring(0, 100) + '...' ? blogTexts.description.substring(0, 110) + '...'
: blogTexts.description, : blogTexts.description,
}} }}
></p> ></p>

View File

@ -42,8 +42,8 @@ const BlogSection = () => {
<p <p
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: __html:
blogTexts.description.length > 100 blogTexts.description.length > 109
? blogTexts.description.substring(0, 100) + '...' ? blogTexts.description.substring(0, 109) + '...'
: blogTexts.description, : blogTexts.description,
}} }}
></p> ></p>

View File

@ -43,10 +43,18 @@ const ServicesSection = (props) => {
href={`/services/${campaign.slug}`} href={`/services/${campaign.slug}`}
onClick={ClickHandler} onClick={ClickHandler}
> >
{campaign.sTitle} {campaign.sTitle.length > 20
? campaign.sTitle.substring(0, 20) + "..."
: campaign.sTitle
}
</Link> </Link>
</h3> </h3>
<p>{campaign.description}</p> <p>
{campaign.description.length > 70
? campaign.description.substring(0, 70) + "..."
: campaign.description
}
</p>
<div className="services-btn"> <div className="services-btn">
<Link <Link
href={`/services/${campaign.slug}`} href={`/services/${campaign.slug}`}

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

View File

@ -602,6 +602,11 @@
position: relative; position: relative;
z-index: 1; z-index: 1;
@media(max-width:1200px) {
padding: 30px 30px;
min-height: 330px;
}
@media(max-width:1024px) { @media(max-width:1024px) {
padding: 30px 30px; padding: 30px 30px;
min-height: 360px; min-height: 360px;
@ -712,6 +717,7 @@
} }
} }
.wpo-service-item2 { .wpo-service-item2 {
padding: 40px 30px; padding: 40px 30px;
background: #102548; background: #102548;
@ -721,6 +727,11 @@
position: relative; position: relative;
z-index: 1; z-index: 1;
@media(max-width:1200px) {
padding: 30px 25px;
min-height: 280px;
}
@media(max-width:1024px) { @media(max-width:1024px) {
padding: 30px 25px; padding: 30px 25px;
min-height: 270px; min-height: 270px;
@ -1075,7 +1086,11 @@
padding-top: 22px; padding-top: 22px;
@media(max-width:1400px) { @media(max-width:1400px) {
padding: 15px 0; padding: 15px 5px;
}
@media(max-width:768px) {
padding: 15px 4px;
} }
p { p {
@ -1481,6 +1496,10 @@
text-align: left; text-align: left;
bottom: -60px; bottom: -60px;
@media(max-width:1024px) {
bottom: -15px;
}
@media(max-width:991px) { @media(max-width:991px) {
text-align: center; text-align: center;
} }

View File

@ -6,7 +6,7 @@
.wpo-features-s2 { .wpo-features-s2 {
.features-wrap { .features-wrap {
.feature-item { .feature-item {
padding: 44px 50px; padding: 44px 34px;
background: rgba(215, 58, 62, 0.24); // #d73a3e3d background: rgba(215, 58, 62, 0.24); // #d73a3e3d
border-radius: 20px; border-radius: 20px;
text-align: center; text-align: center;
@ -16,6 +16,7 @@
} }
@media (max-width: 991px) { @media (max-width: 991px) {
padding: 44px 24px;
margin-bottom: 30px; margin-bottom: 30px;
} }