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 @@
--
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.
+
@@ -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.
+