From 40cc76fa54a5e14796ff94cddbda5165f43bef38 Mon Sep 17 00:00:00 2001 From: tulioperdigao <116309232+tulioperdigao@users.noreply.github.com> Date: Thu, 16 Oct 2025 16:09:37 -0300 Subject: [PATCH] =?UTF-8?q?REFACTOR:=20Corrigindo=20estiliza=C3=A7=C3=B5es?= =?UTF-8?q?=20e=20estrutura=20HTML=20para=20telas=20grandes.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/index.html | 12 +++++++----- public/style.css | 30 +++++++++++++++++++++++++----- 2 files changed, 32 insertions(+), 10 deletions(-) diff --git a/public/index.html b/public/index.html index 9a954e0..66b4c53 100644 --- a/public/index.html +++ b/public/index.html @@ -10,11 +10,13 @@
-
-

Validação de Viabilidade

-
-
- Logo Branco Sothis +
+
+

Validação de Viabilidade

+
+
+ Logo Branco Sothis +
diff --git a/public/style.css b/public/style.css index 9d0c81f..0b9b6cb 100644 --- a/public/style.css +++ b/public/style.css @@ -1,14 +1,23 @@ @charset "UTF-8"; .header__container { + background-color: #234164; + width: 100%; + margin-bottom: 50px; + display: flex; + justify-content: center; + padding: 1rem 12px; +} + +.header-content { + width: 100%; display: flex; justify-content: space-between; align-items: center; - - background-color: #234164; - width: 100%; - padding: 20px 125px 25px 125px; - margin-bottom: 50px; + padding-left: 10px; + padding-right: 10px; + margin-left: 100px; + margin-right: 100px; } .header-title__container > h1 { @@ -45,6 +54,11 @@ button:hover { padding-right: 20px; } + .header-content { + margin-left: 0px; + margin-right: 0px; + } + .header-title__container > h1{ font-size: 16px; } @@ -52,4 +66,10 @@ button:hover { .header-logo__container > img { width: 80px; } +} + +@media screen and (min-width: 1200px) { + .header-content { + max-width: 1320px; + } } \ No newline at end of file