forked from M3-Academy/challenge-landing-page
feature/footer #1
@ -170,6 +170,20 @@ body {
|
|||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bottom-image-desktop {
|
||||||
|
max-width: 1360px;
|
||||||
|
padding: 50px 0 116px 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom-image-mobile {
|
||||||
|
max-width: 414px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width:1024px) {
|
@media screen and (max-width:1024px) {
|
||||||
.middle-banner-container {
|
.middle-banner-container {
|
||||||
display: grid;
|
display: grid;
|
||||||
@ -270,12 +284,12 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 415px) {
|
@media screen and (min-width: 415px) {
|
||||||
.main-banner-mobile {
|
.main-banner-mobile, .bottom-image-mobile {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 414px) {
|
@media screen and (max-width: 414px) {
|
||||||
.main-banner-desktop {
|
.main-banner-desktop, .bottom-image-desktop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -295,4 +309,8 @@ body {
|
|||||||
.bottom-infocard-description {
|
.bottom-infocard-description {
|
||||||
padding-bottom: 88px;
|
padding-bottom: 88px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bottom-image-mobile {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user