From 2bd1f03673eafdf40b417b61df38a873916fabbd Mon Sep 17 00:00:00 2001 From: WellingtonWDS Date: Fri, 7 Oct 2022 16:56:32 -0300 Subject: [PATCH] Adaptcao para telas maiores (4K) --- styles/style.css | 43 ++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 42 insertions(+), 1 deletion(-) diff --git a/styles/style.css b/styles/style.css index c1b281d..c34f7ec 100644 --- a/styles/style.css +++ b/styles/style.css @@ -308,6 +308,47 @@ body{ max-width: 400px; } } - +@media screen and (min-width: 1281px){ + .top-infocard-title{ + font-size: 54px; + } + + .top-infocard-subtitle{ + font-size: 42px; + } + + .top-infocard-description{ + font-size: 22px; + } + + .top-card-description{ + font-size: 22px; + } + + .bottom-card-description{ + font-size: 22px; + } + + .bottom-infocard-title{ + font-size: 40px; + } + + .bottom-infocard-description{ + font-size: 22px; + } + + .footer-text{ + text-align: center; + max-width: 800px; + font-size: 16px; + } + +} + +@media screen and (min-width: 2000px){ + .bottom-cards-wrapper{ + grid-template-columns: repeat(4, max-content); + } +}