diff --git a/desafio1.css b/desafio1.css index cda8f05..c7ed584 100644 --- a/desafio1.css +++ b/desafio1.css @@ -9,7 +9,10 @@ color: black; } -/*Cabeçalho*/ + + +/*CABEÇALHO*/ + .header { display: grid; background-color: black; @@ -18,16 +21,56 @@ height: 101px; } -/*Banner Principal*/ - .imagem-banner-principal { - width: 100%; - } - .imagem-banner-principal-mobile { - display: none; - } +/*BANNER PRINCIPAL*/ +.imagem-banner-principal { + width: 100%; +} + +.imagem-banner-principal-mobile { + display: none; +} + + + +/*TEXTO PRINCIPAL*/ + +.texto-principal { + display: grid; + width: 100%; + align-items: center; + justify-items: center; + justify-content: center; + padding: 4% 0% 4% 0%; +} + +.titulo1 { + font-weight: 400; + font-size: 32px; + line-height: 39px; +} + +.titulo2 { + font-weight: 500; + font-size: 48px; + line-height: 58px; + text-align: center; +} + +.paragrafo-principal { + font-weight: 400; + font-size: 16px; + line-height: 24px; + max-width: 53%; + margin-top: 28px; + text-align: center; +} + + + +/*RESPONSIVIDADE*/ @media (min-width: 2500px) { .imagem-banner-principal-mobile { diff --git a/desafio1.html b/desafio1.html index 5cec3aa..590ed5b 100644 --- a/desafio1.html +++ b/desafio1.html @@ -15,6 +15,8 @@ + +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui. +
+ +