labenuexercicios · OitaloDev · Dec 13, 2022 · Jan 9, 2023
diff --git a/exercicio1/index.html b/exercicio1/index.html
@@ -5,8 +5,8 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CSS - prática guiada 1</title>
+   <link rel="stylesheet" href="style.css">
 </head>
-
 <body>
 
    <header>

diff --git a/exercicio1/style.css b/exercicio1/style.css
@@ -0,0 +1,22 @@
+h1{
+    background-color: blue;
+    color: white;
+}
+
+h2{
+background-color: yellow;
+color: black;
+}
+
+section{
+background-color: green;
+}
+
+.titulo-secao{
+    color: white;
+}
+
+footer{
+background-color: black;
+color: white;
+}
diff --git a/exercicio2/style.css b/exercicio2/style.css
@@ -1,22 +1,32 @@
 .longe-bordas{
     background-color: #FFA6A9;
+    margin: 70px;
+    padding:0 70px;
   }
 
   .afastado{
     background-color: #77C0ED;
+    margin: 70px;
+    padding: 0 70px;
+
   }
   .alto{
     background-color: #C3E887;
+    height: 300px;
   }
 
   .largo{
   background-color: #FFE396;
+  width: 500px;
+
   }
 
   .bordado{
     background-color: #AF9BCC;
+    border: 10px outset white;
+
   }
 
   .sumido{
-   
+display: none;
   }
diff --git a/exercicio3/style.css b/exercicio3/style.css
@@ -2,22 +2,31 @@
   padding: 0;
   margin: 0;
 }
+
 header{
 
 }
 
+main{
+font-family: Helvetica;
+background-color: blueviolet;
+}
+
 section{
-  float: left;
+  image-rendering: auto;
+  float: left; 
 /*float é uma propriedade que permite deixar elementos à direita ou à esquerda da tela. Não costuma ser usado. Aqui, é usado apenas para ilustrar diferenças.*/
-  width: 840px;
-  padding: 40px;
+  width: 80vw;
+  padding: 4rem;
+  background-color: blue;
 }
 
 aside{
   float:right;
  /*float é uma propriedade que permite deixar elementos à direita ou à esquerda da tela. Não costuma ser usado. Aqui, é usado apenas para ilustrar diferenças.*/
-  padding: 20px;
-  width: 340px;
+  padding: 5% 20%;
+  width: 20%;
+  background-color: brown;
 }
 
 article{

diff --git a/fixacao/index.html b/fixacao/index.html
@@ -65,7 +65,7 @@ <h2>Central do Brasil (1998) — Globoplay</h2>
         </article>
     </main>
     <footer>
-        <p>Clique aqui e se inscreva no curso para mais recomendações do time!</p>
+        <p><a href="https://www.labenu.com.br/" target="_blank">Clique aqui e se inscreva no curso para mais recomendações do time!</a></p>
     </footer>
 
 </body>

diff --git a/fixacao/style.css b/fixacao/style.css
@@ -0,0 +1,43 @@
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+header {
+  height: 4rem;
+  padding: 10px;
+  border-bottom: 2px solid black;
+  background-color: orange;
+}
+
+main {
+  margin: 15px;
+  padding: 20px 30px;
+
+  width: 100vw;
+  height: 100vh;
+}
+
+article {
+  margin: 25px 0;
+}
+
+
+h2 {
+  font-family: Arial;
+
+}
+p {
+  font-family: Helvetica;
+}
+
+.destaque {
+  color: orange;
+}
+
+footer {
+    height: 4rem;
+    padding: 10px;
+    background-color: rgb(214, 212, 212);
+  }
diff --git a/style.css b/style.css