diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/exercicio1/index.html b/exercicio1/index.html
index fb76d32..f706d6c 100644
--- a/exercicio1/index.html
+++ b/exercicio1/index.html
@@ -9,7 +9,7 @@
- - A minha fonte tme 3 vezes o tamanho da fonte do meu root
+ - A minha fonte tem 3 vezes o tamanho da fonte do meu root
- Os meus paddings verticais possuem 2 vezes o tamanho da minha fonte
- A minha altura assume vinte porcento do comprimento da tela toda
- Já o meu comprimento assume metade da altura da tela toda
diff --git a/exercicio1/style.css b/exercicio1/style.css
index 35af80d..614a3e9 100644
--- a/exercicio1/style.css
+++ b/exercicio1/style.css
@@ -1,33 +1,48 @@
-#texto-fonte-root{
+*{
+ margin: 0;
+ padding: 0;
+}
+#texto-fonte-root{
+ font-size: 3rem;
}
#texto-paddings-verticais{
-
+ background-color: aqua;
+ padding: 2 em 0;
}
#altura-porcentagem-comprimento{
-
+ background-color: rosybrown;
+ height: 20vw;
}
#comprimento-metade-altura{
-
+ background-color: lightgreen;
+ width: 50vh;
}
.container{
border: 1px solid black;
width: 400px;
+ height: 400px;
font-size: 20px;
}
-#fonte-setenta{
+ul{
+ height: 100%;
+}
+#fonte-setenta{
+ font-size: 70%;
}
#comprimento-pai{
-
+ background-color: orange;
+ width: 10%;
}
#altura-pai{
-
+ background-color: blueviolet;
+ height: 10%;
}
\ No newline at end of file
diff --git a/exercicio2/style.css b/exercicio2/style.css
index e69de29..9a5c068 100644
--- a/exercicio2/style.css
+++ b/exercicio2/style.css
@@ -0,0 +1,31 @@
+*{
+ margin: 0;
+ padding: 0;
+}
+
+main{
+ display: flex;
+ flex-wrap: wrap;
+}
+
+section{
+ border: 1px solid black;
+ width: 32vw;
+ height: 40vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+@media screen and (max-width: 480px) {
+ main{
+ flex-direction: column;
+ }
+
+ section {
+ width: 100vw;
+ height: 20vh;
+ align-items: flex-start;
+ color: red;
+ }
+}
\ No newline at end of file
diff --git a/fixacao/styles.css b/fixacao/styles.css
index cac900b..37808f7 100644
--- a/fixacao/styles.css
+++ b/fixacao/styles.css
@@ -1,4 +1,4 @@
-* {
+ * {
padding: 0;
margin: 0;
font-family: Helvetica, sans-serif;
@@ -45,4 +45,25 @@
color: white;
padding: 20px;
width: 100%;
+ }
+
+ @media screen and (max-width:480px) {
+
+ header{
+ position: fixed;
+ top: 0;
+ text-align: center;
+ }
+
+ main {
+ flex-direction: column;
+ height: 150vh;
+ margin-top: 90px;
+ }
+
+ footer{
+ position: sticky;
+ bottom: 0;
+ }
+
}
\ No newline at end of file