feat(home): concluida a estilização do section2.

This commit is contained in:
Luiz Felipe Silva 2022-10-14 15:43:29 -03:00
parent bdcdb6e794
commit db460763a0

View File

@ -6,10 +6,9 @@
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: 'Inter', sans-serif;
} }
/* HEADER */
header { header {
width: 100%; width: 100%;
height: 100px; height: 100px;
@ -21,11 +20,78 @@ header {
/* SECTION 1 */ /* SECTION 1 */
.sessao1 img { .section1 img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
/* SECTION 2 */
.section2 {
display: flex;
justify-content: center;
align-items: center;
padding: 80px 0;
flex-wrap: wrap;
}
.container-text {
max-width: 766px;
}
.text-title {
font-size: 48px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 24px;
}
.text-subtitle {
font-size: 32px;
font-weight: 400;
text-transform: uppercase;
}
.text-paragraph {
font-weight: 400;
line-height: 24px;
margin-right: 124px;
}
/* RESPONSIVIDADE -> NOTEBOOK */
@media screen and (min-width: 993px) and (max-width: 1280px) {
.container-text {
max-width: 520px;
}
}
/* RESPONSIVIDADE -> TABLET */
@media screen and (max-width: 992px) {
.container-text {
margin: 0 20px;
}
.text-title {
font-size: 28px;
}
.text-subtitle {
font-size: 20px;
}
.text-paragraph {
margin-right: 0;
}
.container-img img {
width: 100%;
max-width: 240px;
margin: 67px 88px 157px 88px;
}
}
/* RESPONSIVIDADE -> CELULAR */ /* RESPONSIVIDADE -> CELULAR */
@media screen and (max-width: 425px) { @media screen and (max-width: 425px) {