From e295e3da24a28c9194e8c9d5cfd4560e3cb4c7d8 Mon Sep 17 00:00:00 2001 From: Thais Ferreira Date: Mon, 10 Oct 2022 20:40:11 -0300 Subject: [PATCH] Feature: added ifocard-text --- Styles/index.css | 47 +++++++++++++++++++++++++++++++++++++++++++++++ index.html | 33 +++++++++++++++++++++++++-------- 2 files changed, 72 insertions(+), 8 deletions(-) diff --git a/Styles/index.css b/Styles/index.css index 56e17a4..a3c8dc9 100644 --- a/Styles/index.css +++ b/Styles/index.css @@ -4,6 +4,10 @@ box-sizing: border-box; } +body{ + font-family: 'Inter', sans-serif +} + .page-header{ display: flex; justify-content: center; @@ -19,6 +23,36 @@ display: none; } +.text-infocard{ + display: flex; + flex-direction: column; + padding: 73px 0; + align-items: center; + text-align: center; +} + +.text-subtitle{ + font-weight: 400; + font-size: 32px; + line-height: 39px; + text-transform: uppercase; +} + +.text-title{ + font-weight: 500; + font-size: 48px; + line-height: 58px; + margin-bottom: 20px; + text-transform: uppercase; +} + +.text-description{ + font-weight: 400; + font-size: 16px; + line-height: 24px; + width: 38%; +} + @media screen and (max-width: 414px){ .banner-principal-desktop{ display: none; @@ -28,3 +62,16 @@ } } +@media screen and (max-width: 768px){ + .text-subtitle{ + font-size: 20px; + line-height: 24px; + } + .text-title{ + font-size: 28px; + line-height: 34px; + } + .text-description{ + width: 100%; + } +} diff --git a/index.html b/index.html index b49694d..fd9b492 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,16 @@ - - - - + + + + + + + + + + Desafio M3 Academy @@ -13,7 +19,7 @@
- Logo M3Academy + Logo M3Academy
@@ -21,10 +27,21 @@
- - + +
- + +
+
+

Lorem ipsum

+

dolor sit amet

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. + Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui. +

+
+
\ No newline at end of file