responsive checked
This commit is contained in:
parent
ba6e1e07b3
commit
b24603d240
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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}`}
|
||||
|
||||
BIN
public/images/our-mission/imgg.webp
Normal file
BIN
public/images/our-mission/imgg.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user