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
dangerouslySetInnerHTML={{
__html:
blogTexts.description?.length > 100
? blogTexts.description.substring(0, 100) + '...'
blogTexts.description?.length > 110
? blogTexts.description.substring(0, 110) + '...'
: blogTexts.description,
}}
></p>

View File

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

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

View File

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

View File

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