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