From 038d559c2182b30985db9eafe15947556fea9cc9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jess=C3=A9?= Date: Thu, 13 Oct 2022 17:36:47 -0300 Subject: [PATCH] feat(main-text): cria texto principal --- desafio1.css | 59 ++++++++++++++++++++++++++++++++++++++++++++------- desafio1.html | 16 ++++++++++++++ 2 files changed, 67 insertions(+), 8 deletions(-) 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 @@ + +
@@ -24,6 +26,7 @@
+ +
+ +

LOREM IPSUM

+ +

DOLOR SIT AMET

+ +

+ 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. +

+ +
+ + \ No newline at end of file