From cbd8cbb3ad404a0dda39760222d3066e0e3beca4 Mon Sep 17 00:00:00 2001 From: Savio Date: Wed, 12 Oct 2022 20:31:48 -0300 Subject: [PATCH 1/5] fix(home):Conserto top-infocard desktop e mobile --- assets/css/style.css | 33 +++++++++++++++++++++++++------ index.html | 47 ++++++++++++++++++++++---------------------- 2 files changed, 51 insertions(+), 29 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index b2318b8..45af047 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -30,10 +30,8 @@ body { flex-direction: column; align-items: center; padding: 74px 0 180px; -} - -.top-inforcard-text { max-width: 40%; + margin: 0 auto 0; } .top-infocard-subtitle { @@ -59,7 +57,7 @@ body { font-style: normal; font-weight: 400; font-size: 16px; - line-height: 150%; + line-height: 24px; margin-bottom: 74px; text-align: center; } @@ -136,7 +134,7 @@ body { flex-direction: column; align-items: center; background: #ffffff; - box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23); + box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); } .bottom-card-image { @@ -218,10 +216,10 @@ body { .top-infocard { padding: 73px 32px 90px; margin: 0 auto 0; + max-width: 100%; } .top-inforcard-text { margin-bottom: 65px; - max-width: 100%; } .top-infocard-subtitle { @@ -307,3 +305,26 @@ body { display: none; } } + +@media screen and (min-width: 2500px) { + .page-header { + padding: 56px 0; + } + .header-logo { + width: 200%; + } + .top-infocard-subtitle { + font-size: 64px; + line-height: 78px; + } + .top-infocard-title { + font-size: 96px; + line-height: 116px; + } + .top-infocard-description { + font-size: 32px; + line-height: 48px; + } + .top-infocard-picture { + } +} diff --git a/index.html b/index.html index bda0665..d248165 100644 --- a/index.html +++ b/index.html @@ -45,7 +45,7 @@ dui.

-
+
Banner do Infocard do Topo
@@ -164,29 +164,30 @@ alt="Banner do Infocard de Baixo Mobile">
- + + \ No newline at end of file From 0322a657223b8800caf8735dd2a86d2f3d44ba9b Mon Sep 17 00:00:00 2001 From: Savio Date: Wed, 12 Oct 2022 21:49:15 -0300 Subject: [PATCH 2/5] fix(home): Corrigido a parte das cartas do topo 4k --- assets/css/style.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/assets/css/style.css b/assets/css/style.css index 45af047..fb1c63a 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -270,6 +270,7 @@ body { .bottom-card-description { font-size: 14px; } + .bottom-infocard { flex-direction: column-reverse; margin: 0; @@ -325,6 +326,12 @@ body { font-size: 32px; line-height: 48px; } - .top-infocard-picture { + .top-card-description { + font-size: 40px; + line-height: 40px; + margin: 40px 30px; + } + .top-card-image { + height: 200px; } } From 856e3c806b20f3884de9cec70de1bbb5dc3b3a0a Mon Sep 17 00:00:00 2001 From: Savio Date: Wed, 12 Oct 2022 23:38:44 -0300 Subject: [PATCH 3/5] fix(home): Conserto da espacamento cards do top 4k --- assets/css/style.css | 18 +++++++++++++++--- index.html | 2 +- 2 files changed, 16 insertions(+), 4 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index fb1c63a..232f236 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -58,9 +58,11 @@ body { font-weight: 400; font-size: 16px; line-height: 24px; - margin-bottom: 74px; text-align: center; } +.top-infocard-text { + margin-bottom: 74px; +} .top-cards { display: grid; @@ -218,7 +220,7 @@ body { margin: 0 auto 0; max-width: 100%; } - .top-inforcard-text { + .top-infocard-text { margin-bottom: 65px; } @@ -314,6 +316,9 @@ body { .header-logo { width: 200%; } + .top-infocard-text { + margin-bottom: 0; + } .top-infocard-subtitle { font-size: 64px; line-height: 78px; @@ -325,13 +330,20 @@ body { .top-infocard-description { font-size: 32px; line-height: 48px; + margin-bottom: 100px; + } + + .top-infocard-image { + height: 600px; + margin: 20px 0 84px; } .top-card-description { font-size: 40px; line-height: 40px; - margin: 40px 30px; + margin: 50px 30px; } .top-card-image { height: 200px; + margin-top: 100px; } } diff --git a/index.html b/index.html index d248165..8fc9096 100644 --- a/index.html +++ b/index.html @@ -35,7 +35,7 @@
-
+

Lorem ipsum

dolor sit amet

From ed68f27385fde04d5e21adfeb6ade460d0d37fc9 Mon Sep 17 00:00:00 2001 From: Savio Date: Thu, 13 Oct 2022 00:02:03 -0300 Subject: [PATCH 4/5] fix(home): Corrigido cards de baixo 4k --- assets/css/style.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/assets/css/style.css b/assets/css/style.css index 232f236..782786c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -346,4 +346,13 @@ body { height: 200px; margin-top: 100px; } + .bottom-card-description { + font-size: 33px; + line-height: 52px; + margin: 25px 100px 73px; + } + .bottom-card-image { + height: 200px; + margin-top: 70px; + } } From 6b1cd39c6ad59a4985c5918d4d5b0cfd97fec411 Mon Sep 17 00:00:00 2001 From: Savio Date: Thu, 13 Oct 2022 01:09:23 -0300 Subject: [PATCH 5/5] feat(home): Responsividade Tela 4k --- assets/css/style.css | 36 ++++++++++++++++++++++++++++++++++++ index.html | 7 ++++--- 2 files changed, 40 insertions(+), 3 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 782786c..a4c63e5 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -355,4 +355,40 @@ body { height: 200px; margin-top: 70px; } + .bottom-banner-desktop { + width: 2500px; + } + + .bottom-infocard { + margin-bottom: 210px; + padding: 200px 280px 0px; + } + .bottom-infocard-text { + width: 1174px; + } + + .bottom-infocard-subtitle { + font-size: 75px; + margin-bottom: 40px; + line-height: 80px; + } + + .bottom-infocard-description { + font-size: 40px; + margin-top: 20px; + line-height: 50px; + } + + .page-footer { + padding: 74px 0 74px; + } + + .rede-social-imagem { + height: 66px; + margin-bottom: 12px; + } + + .footer-text { + font-size: 20px; + } } diff --git a/index.html b/index.html index 8fc9096..320bc71 100644 --- a/index.html +++ b/index.html @@ -170,17 +170,18 @@