From f9cfa5d5b0923bf301508cf0c1bcbe2d9bd76cc1 Mon Sep 17 00:00:00 2001
From: Luiz Karat <luiz.karat.silva@gmail.com>
Date: Wed, 24 Jul 2024 08:50:29 -0300
Subject: [PATCH 1/4] exercicio1

---
 exercicio1/index.html |  2 +-
 exercicio1/style.css  | 33 +++++++++++++++++++++++++++------
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/exercicio1/index.html b/exercicio1/index.html
index fb76d32..153bc8b 100644
--- a/exercicio1/index.html
+++ b/exercicio1/index.html
@@ -16,7 +16,7 @@
   </ul>
 
   <div class="container">
-    <ul>
+    <ul class="potato">
       <li id="fonte-setenta">A minha fonte é setenta porcento da fonte do meu pai</li>
       <li id="comprimento-pai">O meu comprimento é dez porcento do comprimento do meu pai</li>
       <li id="altura-pai">A minha altura é dez porcento da altura do meu pai</li>
diff --git a/exercicio1/style.css b/exercicio1/style.css
index 35af80d..1ac8f6d 100644
--- a/exercicio1/style.css
+++ b/exercicio1/style.css
@@ -1,33 +1,54 @@
-#texto-fonte-root{
+*{
+    margin: 0px;
+}
+
+/* html{
+
+    font-size: 5px;
+} */
 
+
+#texto-fonte-root{
+font-size: 3rem;
 }
 
 #texto-paddings-verticais{
-
+    background-color: aqua;
+padding: 2rem 0px;
 }
 
 #altura-porcentagem-comprimento{
+height: 20vw;
 
 }
 
 #comprimento-metade-altura{
-
+    background-color: blanchedalmond;
+width: 50vh;
 }
 
-.container{
+.potato{
     border: 1px solid black;
     width: 400px;
     font-size: 20px;
+    height: 800px;
+    background-color: blanchedalmond;
+
+
 }
 
-#fonte-setenta{
 
+#fonte-setenta{
+font-size: 70%;
 }
 
 #comprimento-pai{
+    border: 1px solid black;
+width: 10%;
 
 }
 
 #altura-pai{
-
+    background-color: blue;
+height: 10%;
 }
\ No newline at end of file

From e7a0b1b5021116672e2629baa52f3dd5a3600e4c Mon Sep 17 00:00:00 2001
From: Luiz Karat <luiz.karat.silva@gmail.com>
Date: Thu, 25 Jul 2024 09:10:37 -0300
Subject: [PATCH 2/4] exercicio2

---
 exercicio2/style.css | 46 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/exercicio2/style.css b/exercicio2/style.css
index e69de29..30367dc 100644
--- a/exercicio2/style.css
+++ b/exercicio2/style.css
@@ -0,0 +1,46 @@
+* {
+    margin: 0px;
+}
+
+main {
+    display: grid;
+    /* grid-template-columns: repeat(auto-fit, 186px); */
+    grid-template-columns: 1fr 1fr 1fr;
+    min-height: 100vh;
+    background-color: aqua;
+    grid-template-rows: 40vh 40vh;
+}
+
+section {
+    display: grid;
+    border: 1px solid black;
+    background-color: bisque;
+    justify-items: center;
+    align-items: center;
+}
+
+@media screen and (max-device-width:480px) and (min-device-width:280px) {
+    main {
+        display: grid;
+        grid-template-columns: 1fr;
+        color: red;
+        grid-template-rows: none;
+    }
+    section{
+        align-items: start;
+    }
+}
+
+@media screen and (min-device-width : 481px) and (max-device-width : 800px) { 
+
+    main {
+        display: grid;
+        grid-template-columns: 1fr;
+        color: purple;
+        font-size: 30px;
+        grid-template-rows: none;
+    }
+    section{
+        align-items: end;
+    }
+    } 
\ No newline at end of file

From 25d2dfc3f4ccd04c2f9bcf343964b28ea0201068 Mon Sep 17 00:00:00 2001
From: Luiz Karat <luiz.karat.silva@gmail.com>
Date: Thu, 25 Jul 2024 09:19:21 -0300
Subject: [PATCH 3/4] bora-ver-o-que-da

---
 exercicio2/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/exercicio2/style.css b/exercicio2/style.css
index 30367dc..2cac7a3 100644
--- a/exercicio2/style.css
+++ b/exercicio2/style.css
@@ -28,6 +28,7 @@ section {
     }
     section{
         align-items: start;
+        color: bisque;
     }
 }
 

From 98586c43cc4c54e71eaa52aca6f2be299636060f Mon Sep 17 00:00:00 2001
From: Luiz Karat <luiz.karat.silva@gmail.com>
Date: Fri, 26 Jul 2024 08:33:00 -0300
Subject: [PATCH 4/4] exercicio-fixacao

---
 fixacao/styles.css | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/fixacao/styles.css b/fixacao/styles.css
index cac900b..e72f8bf 100644
--- a/fixacao/styles.css
+++ b/fixacao/styles.css
@@ -13,10 +13,10 @@
   }
   
   main {
-    height: 77vh;
+    min-height: 77vh;
     max-width: 800px;
     display: flex;
-    flex-direction: row;
+    
     margin: 20px auto;
     gap: 10px;
   }
@@ -39,10 +39,21 @@
   }
   
   footer {
-    position: absolute;
-    bottom: 0;
     background-color: black;
     color: white;
     padding: 20px;
     width: 100%;
-  }
\ No newline at end of file
+  }
+
+  @media screen and (min-device-width : 280px) and (max-device-width : 480px) { 
+
+    main {
+      flex-direction: column;
+    }
+    
+
+
+
+    /* celulares */ 
+    
+    } 
\ No newline at end of file