From 2c24cf24818881bff77dca7c05f76685443915d7 Mon Sep 17 00:00:00 2001 From: Gabriel Ferraz Date: Tue, 11 Oct 2022 19:32:18 -0300 Subject: [PATCH] (4k): Ajustei pro tamanho 4k --- assets/styles/main.css | 49 ++++++++++++++++++++++++++++++++++++------ 1 file changed, 42 insertions(+), 7 deletions(-) diff --git a/assets/styles/main.css b/assets/styles/main.css index 8a5437a..026a50a 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -36,12 +36,14 @@ body{ text-align: center; font-weight: 400; font-size: 32px; + line-height: 39px; text-transform: uppercase; } .top-infocard-title{ text-align: center; font-weight: 500; font-size: 48px; + line-height: 58px; text-transform: uppercase; padding: 0 0 28px; } @@ -108,8 +110,7 @@ body{ display: flex; justify-content: center; padding: 191px 0 54px; - gap: 16px; - + gap: 16px; } .bottom-figures-card{ display: flex; @@ -178,21 +179,54 @@ body{ list-style: none; gap: 16px; } -.incos{ - width: 100%; -} .footer-text{ font-weight: 400; font-size: 10px; line-height: 12px; text-transform: uppercase; color: #BDBDBD; +} +.icons{ + width: 1vw; + min-width: 24px; } /* layout 4K */ @media screen and (min-width: 2500px) { .page-header{ padding: 58px } + .top-inforcard-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-card-description{ + font-size: 32px; + line-height: 48px; + } + .bottom-figcapiton{ + font-size: 32px; + line-height: 48px; + } + .bottom-banner-subtitle{ + font-size: 64px; + line-height: 78px; + } + .bottom-banner-describition{ + font-size: 32px; + line-height: 48px; + } + .footer-text{ + font-size: 20px; + line-height: 24px; + } } /* layaut mobile */ @media screen and (max-width: 1024px) { @@ -216,7 +250,7 @@ body{ padding: 0 0 73px; } .top-infocard-image { - width: 58% + width: 58%; } /* top-cards */ .top-cards{ @@ -250,7 +284,8 @@ body{ } .Banner2{ grid-area: b2; - } .Banner3{ + } + .Banner3{ grid-area: b3; } /* bottom-cards */