From ebcff3dd0c05309d17de86374db4271be99bde54 Mon Sep 17 00:00:00 2001
From: Ramon Dias Ferreira <ramondf13@gmail.com>
Date: Thu, 13 Oct 2022 14:01:14 -0300
Subject: [PATCH] feat: cards inferiores estilizados

---
 assets/styles/landing-page.css | 20 +++++++++++++++++---
 landing-page.html              | 10 +++++-----
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/assets/styles/landing-page.css b/assets/styles/landing-page.css
index 1ccfdff..516ba7d 100644
--- a/assets/styles/landing-page.css
+++ b/assets/styles/landing-page.css
@@ -57,9 +57,12 @@ header {
     width: 100%;
 }
 
-.card-section{
+.card-section, .card-section-small{
     display: flex;
     justify-content: space-evenly;
+}
+
+.card-section{
     padding: 178px 0px 80px 0px;
 }
 
@@ -103,11 +106,22 @@ header {
     width: 100%;
 }
 
+.card-section-small{
+    width: 100%;
+    padding-top: 190px;
+}
 
+.card-small{
+    width: 22%;
+}
 
+.img-card-small{
+    width: 24%;
+}
 
-
-
+.img-card-small img{
+    width: 100%;
+}
 
 
 
diff --git a/landing-page.html b/landing-page.html
index 6cdce02..41a32d0 100644
--- a/landing-page.html
+++ b/landing-page.html
@@ -63,9 +63,9 @@
                 <img src="./assets/images/computer 3.png"/>
             </figure>
         </section>
-        <section>
+        <section class="card-section-small">
             <div class="card-small">
-                <figure>
+                <figure class="img-card-small">
                     <img src="./assets/images/money.png">
                 </figure>
                 <figcaption>
@@ -73,7 +73,7 @@
                 </figcaption>
             </div>
             <div class="card-small">
-                <figure>
+                <figure class="img-card-small">
                     <img src="./assets/images/coin 1.png">
                 </figure>
                 <figcaption>
@@ -81,7 +81,7 @@
                 </figcaption>
             </div>
             <div class="card-small">
-                <figure>
+                <figure class="img-card-small">
                     <img src="./assets/images/laptop.png">
                 </figure>
                 <figcaption>
@@ -89,7 +89,7 @@
                 </figcaption>
             </div>
             <div class="card-small">
-                <figure>
+                <figure class="img-card-small">
                     <img src="./assets/images/cel.png">
                 </figure>
                 <figcaption>