From 04080fbd21a33c96965f27fc8c1beac7e9398a61 Mon Sep 17 00:00:00 2001 From: tulioperdigao <116309232+tulioperdigao@users.noreply.github.com> Date: Thu, 16 Oct 2025 09:53:51 -0300 Subject: [PATCH] REFACTOR: Corrigindo header para telas grandes. --- public/index.html | 12 +++++++----- public/style.css | 26 ++++++++++++++++++-------- 2 files changed, 25 insertions(+), 13 deletions(-) diff --git a/public/index.html b/public/index.html index 97c7586..7b94c43 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 8924f44..06fd333 100644 --- a/public/style.css +++ b/public/style.css @@ -1,14 +1,21 @@ @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; } .header-title__container > h1 { @@ -192,8 +199,11 @@ label { .card-content { height: fit-content; } +} - .header__container { - padding-left: 115px; +@media screen and (min-width: 1200px) { + .header-content { + max-width: 1320px; } -} \ No newline at end of file +} + \ No newline at end of file