From 9139520d7319680e1f73970e2b481f7785f9fc53 Mon Sep 17 00:00:00 2001
From: Rodrigo <rodrigozjorge@gmail.com>
Date: Wed, 12 Oct 2022 21:15:55 -0300
Subject: [PATCH] redundancias eliminadas e classes na ordem correta final

---
 index.html |  20 +++++----
 style.css  | 122 ++++++++++++++++++++++++++++-------------------------
 2 files changed, 75 insertions(+), 67 deletions(-)

diff --git a/index.html b/index.html
index 983d9f1..9161d25 100644
--- a/index.html
+++ b/index.html
@@ -61,15 +61,17 @@
             </figure>
         </section>
         <section class="corpoPt4">
-            <figure class="retangulo1">
-                <img src="imagens/Rectangle 13.png" alt="imagem de notebook fechado">
-            </figure>
-            <figure class="retangulo2">
-                <img src="imagens/Rectangle 16.png" alt="imagem de notebook quase fechado">
-            </figure>
-            <figure class="retangulo3">
-                <img src="imagens/Rectangle 17.png" alt="imagem de notebook aberto">
-            </figure>
+            <div>
+                <figure class="retangulo1">
+                    <img src="imagens/Rectangle 13.png" alt="imagem de notebook fechado">
+                </figure>
+                <figure class="retangulo2">
+                    <img src="imagens/Rectangle 16.png" alt="imagem de notebook quase fechado">
+                </figure>
+                <figure class="retangulo3">
+                    <img src="imagens/Rectangle 17.png" alt="imagem de notebook aberto">
+                </figure>
+            </div>
         </section>
         <section class="corpoPt5">
             <figure class="box1">
diff --git a/style.css b/style.css
index 6cfa736..2feaf1a 100644
--- a/style.css
+++ b/style.css
@@ -110,15 +110,20 @@ section figure figcaption p{
 .corpoPt4{
     background: #E0E0E0;
     display: flex;
-    flex-direction: row;
     width: 100%;
-    justify-content:center;
-    gap: 2%;
+}
+.corpoPt4Mobile{
+    display: none;
+    background: #E0E0E0;
 }
 .corpoPt4 div{
     position: relative;
+    gap: 2%;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    width: 100%;
 }
-
 .corpoPt4 figure  {
     width: 29%;
     position: relative;
@@ -198,6 +203,9 @@ section figure figcaption p{
 .corpoPt6 img{
     width: 71%;
 }
+.retanguloMobile{
+    display: none;
+}
 footer{
     margin-top: 116px ;
     background: #000000;
@@ -220,21 +228,7 @@ footer{
     text-transform: uppercase;
     margin-bottom: 38px;
 }
-.retanguloMobile{
-    display: none;
-}
-.corpoPt4Mobile{
-    display: none;
-    background: #E0E0E0;
-}
 @media(max-width:1024px){
-    .imagemCorpoMobile{
-        display: flex;
-        width: 100%;
-    }
-    .imagemCorpoPt1{
-        display: none;
-    }
     .cabecalho {
         height: 101px;
     }
@@ -242,6 +236,13 @@ footer{
         margin-top: 18px;
         width: 52%;
     }
+    .imagemCorpoMobile{
+        display: flex;
+        width: 100%;
+    }
+    .imagemCorpoPt1{
+        display: none;
+    }
     .corpoPt1 h2{
         font-size: 20px;
     }
@@ -253,6 +254,36 @@ footer{
         font-size: 16px;
         width: 86%;
     }
+    .imagem2{
+        width: 58%;
+    }
+    .corpoPt3{
+        flex-direction: column;
+        align-items: center;
+        gap: 24px;
+    }
+    section figure {
+        text-align: center;
+        width: 84%;
+        background: #FFFFFF;
+    }
+    
+    .corpoPt4Mobile div figure{
+        width: 42%;
+    }
+    .corpoPt4Mobile div figure img{
+        width: 100%;
+    }
+    .corpoPt4Mobile figure{
+        width:100%;
+        background: #E0E0E0;
+    }
+    .corpoPt4Mobile figure img{
+        width:86%;
+    }
+    .corpoPt4{
+        display: none;
+    }
     .box1 figcaption p{
         font-size: 14px;
     }
@@ -265,23 +296,14 @@ footer{
     .box4 figcaption p{
         font-size: 14px;
     }
-    .corpoPt3{
-        flex-direction: column;
-        align-items: center;
-        gap: 24px;
+    .retangulo2{
+        order: 1;
     }
-
-    .corpoPt6 h1{
-        font-size: 24px;
+    .retangulo1{
+        order: 2;
     }
-
-    section figure {
-        text-align: center;
-        width: 84%;
-        background: #FFFFFF;
-    }
-    .imagem2{
-        width: 58%;
+    .retangulo3{
+        order: 3;
     }
     .corpoPt5{
         margin-top: 129px;
@@ -301,18 +323,10 @@ footer{
         order: 3;
     }
     .corpoPt6 h1{
+        font-size: 24px;
         width: 76%;
         order: 2;
     }
-    .retangulo2{
-        order: 1;
-    }
-    .retangulo1{
-        order: 2;
-    }
-    .retangulo3{
-        order: 3;
-    }
     .corpoPt6 img{
         width: 100%;
         order: 1;
@@ -338,22 +352,6 @@ footer{
         width: 100%;
         gap: 2%;
     }
-    .corpoPt4Mobile div figure{
-        width: 42%;
-    }
-    .corpoPt4Mobile div figure img{
-        width: 100%;
-    }
-    .corpoPt4Mobile figure{
-        width:100%;
-        background: #E0E0E0;
-    }
-    .corpoPt4Mobile figure img{
-        width:86%;
-    }
-    .corpoPt4{
-        display: none;
-    }
     .paragrafoRodape{
         width: 63%;
         text-align: center;
@@ -374,6 +372,14 @@ footer{
     section figure figcaption p{
         font-size: 32px;
     }
+    .corpoPt4 div{
+        position: relative;
+        gap: 2%;
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        width: 100%;
+    }
     .corpoPt5 figure p{
         font-size: 32px;
     }