From 03b456408a748ae8eecf923341756fe77729ce15 Mon Sep 17 00:00:00 2001 From: Rhayllon Date: Thu, 13 Oct 2022 11:54:19 -0300 Subject: [PATCH 1/2] Fix(home): Medidas adaptaveis header logo e top cards --- assets/styles/main.css | 17 ++++++++++++++--- index.html | 7 ++++--- 2 files changed, 18 insertions(+), 6 deletions(-) diff --git a/assets/styles/main.css b/assets/styles/main.css index 271b812..5c95d6f 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -13,7 +13,17 @@ body{ background: #000000; display: flex; justify-content: center; - padding: 28px 0; + padding: 29px 0; +} + +.header-link{ + display: flex; + width: 12%; + justify-content: center; +} + +.header-img{ + width: 100%; } .top-banner{ @@ -73,18 +83,19 @@ body{ align-items: center; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23); + padding: 36px 26px 26px; + gap: 27px; } .top-card-image{ display: block; - padding: 36px 124px 0; + width: 34%; } .top-card-description{ font-size: 16px; line-height: 24px; text-align: center; - padding: 26px; } .mid-banners{ diff --git a/index.html b/index.html index 7dcae18..c9c5b5d 100644 --- a/index.html +++ b/index.html @@ -18,9 +18,10 @@
- - - + + M3 Academy + +
-- 2.34.1 From 89cb6dd2bedbb552d95f0708a58dbf0831759804 Mon Sep 17 00:00:00 2001 From: Rhayllon Date: Thu, 13 Oct 2022 12:56:05 -0300 Subject: [PATCH 2/2] Fix(home): Medidas adaptaveis Footer redes sociais logos e Bottom cards --- assets/styles/main.css | 20 ++++++++++++++------ index.html | 16 +++++++++------- 2 files changed, 23 insertions(+), 13 deletions(-) diff --git a/assets/styles/main.css b/assets/styles/main.css index 5c95d6f..c7cf1a4 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -122,7 +122,7 @@ body{ grid-template-columns: repeat(4, 23%); gap: 16px; justify-content: center; - padding: 0 0 108px; + margin: 0 0 108px; } .bottom-card{ @@ -131,18 +131,20 @@ body{ align-items: center; background: #FFFFFF; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); + gap: 15px; + padding: 36px 32px 65px; } .bottom-card-image{ display: block; - padding: 36px 164px 0; + width: 24%; + height: 100%; } .bottom-card-description{ font-size: 16px; line-height: 24px; text-align: center; - padding: 16px 32px 66px; } .bottom-section{ @@ -187,8 +189,11 @@ body{ background: #000000; } -.page-footer-conent{ +.page-footer-content{ + display: flex; + flex-direction: column; width: 21%; + align-items: center; } .footer-icons{ @@ -196,10 +201,13 @@ body{ list-style: none; margin-bottom: 16px; justify-content: center; + gap: 16px; + width: 100%; } -.footer-icon{ - margin: 0 8px; +.footer-link{ + display: flex; + width: 6%; } .footer-text{ diff --git a/index.html b/index.html index c9c5b5d..f866e32 100644 --- a/index.html +++ b/index.html @@ -113,6 +113,7 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.

+
Imagem 4 @@ -121,6 +122,7 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.

+
@@ -141,22 +143,22 @@