labenuexercicios · guilhermesquita · Sep 21, 2022
diff --git a/exercicio1/index.html b/exercicio1/index.html
@@ -4,6 +4,7 @@
 <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+   <link rel='stylesheet' href="style.css">
    <title>CSS - prática guiada 1</title>
 </head>
 

diff --git a/exercicio1/style.css b/exercicio1/style.css
@@ -0,0 +1,20 @@
+#titulo-importante{
+    background-color: blue;
+    color: white;
+}
+
+.sub-titulo{
+    background-color: yellow;
+}
+
+section{
+    background-color: green;
+}
+
+h3, h4{
+    color: white;
+}
+
+.titulo-pouco-importante{
+    background-color: black;
+}
diff --git a/exercicio2/style.css b/exercicio2/style.css
@@ -1,22 +1,31 @@
 .longe-bordas{
     background-color: #FFA6A9;
+    margin: 20px;
   }
 
   .afastado{
     background-color: #77C0ED;
+    margin: 60px;
+    display: block;
   }
   .alto{
     background-color: #C3E887;
+    height:300px;
   }
 
   .largo{
   background-color: #FFE396;
+  width: 500px;
   }
 
   .bordado{
     background-color: #AF9BCC;
+    border: 1px solid black;
+    padding: 20px;
+    display: block;
+    margin-top: 2px;
   }
 
   .sumido{
-
+    display: none;
   }
diff --git a/exercicio3/style.css b/exercicio3/style.css
@@ -2,22 +2,27 @@
   padding: 0;
   margin: 0;
 }
+
 header{
 
 }
 
+main{
+  font-family: helvetica;
+}
+
 section{
   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;
+  width: 60%;
   padding: 40px;
 }
 
 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;
+  width: 20%;
 }
 
 article{

diff --git a/fixacao/index.html b/fixacao/index.html
@@ -44,7 +44,7 @@ <h2>Que Horas Ela Volta? (2015) — Netflix e Globoplay</h2>
         <article>
             <h2>Hoje Eu Quero Voltar Sozinho (2014) — Netflix
             </h2>
-            <p>Nesse longa do diretos Daniel Ribeiro, Leonardo é um adolescente cego que precisa <span
+            <p>Nesse longa do diretor Daniel Ribeiro, Leonardo é um adolescente cego que precisa <span
                     class="destaque">driblar a superproteção de sua mãe para conquistar sua independência</span>
                 enquanto a chegada de Gabriel em seu colégio desperta nele novos sentimentos. Também vale a pena
                 conferir, viu?</p>

diff --git a/fixacao/style.css b/fixacao/style.css
@@ -0,0 +1,36 @@
+*{
+    margin: 0;
+    padding: 0;
+}
+
+header{
+    background-color: orange;
+    border-bottom: 1px solid black;
+    font-family: arial;
+    height: 40px;
+    padding: 10px;
+    color: white;
+}
+
+footer{
+    background-color: black;
+    height: 40px;
+    padding: 10px;
+    color: white;
+}
+
+main{
+    margin: 15px;
+    padding: 20px 30px;
+    width: 90vw;
+    height: 80vh;
+    font-family: helvetica;
+}
+
+article{
+    margin: 25px 0;
+}
+
+.destaque{
+    color: orange;
+}