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 @@
-
+
- A minha fonte é setenta porcento da fonte do meu pai
- O meu comprimento é dez porcento do comprimento do meu pai
- A minha altura é dez porcento da altura do meu pai
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
diff --git a/exercicio2/style.css b/exercicio2/style.css
index e69de29..2cac7a3 100644
--- a/exercicio2/style.css
+++ b/exercicio2/style.css
@@ -0,0 +1,47 @@
+* {
+ 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;
+ color: bisque;
+ }
+}
+
+@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
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