Gabriel_Ferraz_Nogueira/challenge-landing-page
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

<fix>(bottom-banner-text): pra telas menores q 1024px

Browse Source
This commit is contained in:
Gabriel Ferraz Nogueira 2022-10-12 18:48:46 -03:00
parent 2579306f1a
commit dc6149e30a
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/styles/main.css
View File

@ -146,6 +146,7 @@ body{
} }
.bottom-banner-text{ .bottom-banner-text{
width: 29%; width: 29%;
min-width: 550px;
text-align: center; text-align: center;
} }
.bottom-banner-subtitle{ .bottom-banner-subtitle{
@ -228,6 +229,9 @@ body{
font-size: 64px; font-size: 64px;
line-height: 78px; line-height: 78px;
} }
.bottom-banner-text{
min-width: 900px;
}
.bottom-banner-describition{ .bottom-banner-describition{
font-size: 32px; font-size: 32px;
line-height: 48px; line-height: 48px;
@ -333,6 +337,7 @@ body{
} }
.bottom-banner-text{ .bottom-banner-text{
width: 85%; width: 85%;
min-width: 0;
} }
.bottom-banner-subtitle{ .bottom-banner-subtitle{
font-size: 24px; font-size: 24px;
@ -347,7 +352,7 @@ body{
width: 63%; width: 63%;
} }
} }
@media screen and (max-width: 280px) { @media screen and (max-width: 413px) {
.top-card { .top-card {
width: 95%; width: 95%;
padding: 36px 7px 26px; padding: 36px 7px 26px;