resolucao-css-I-exercicios

index.html

@@ -18,23 +18,26 @@ <h1>Eu sou um bloco com estilo!</h1>
         <p>O CSS me deixou nos trinques</p>
       </article>
 
-      <article>
+      <article class="bloco" id="bloco-2">
         <h1>Eu sou um bloco com estilo!</h1>
         <p>O CSS me deixou nos trinques</p>
       </article>
 
-      <article>
+      <article class="bloco" id="bloco-3">
         <h1>Eu sou um bloco com estilo!</h1>
         <p>O CSS me deixou nos trinques</p>
       </article>
 
-      <article>
+      <article class="bloco" id="bloco-4">
         <h1>Eu sou um bloco com estilo!</h1>
         <p>O CSS me deixou nos trinques</p>
       </article>
 
     </section>
   </main>
+  <footer id="rodape"> 
+    <h2> Resolução concluida!</h2>
+  </footer>
 
 </body>
 

style.css

@@ -0,0 +1,87 @@
+*{
+
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+
+}
+footer{
+
+    height: 15vh;
+    width: 30vw;
+    padding: 15px 10px;
+    margin: 70px 0px 0px 10px;
+    color: white;
+    background-color: blue;
+    border: dashed 5px black;
+
+}
+body{
+
+    background-color: rgb(0, 0, 0);
+
+}
+main{
+
+    font-family: Helvetica;
+
+}
+
+#bloco-1{
+
+    border: solid 5px #fb8500;
+    background-color: #ffb703;
+
+}
+
+#bloco-2{
+
+    border: solid 5px rgba(7, 109, 7, 0.637);
+    background-color: rgb(33, 148, 33);    
+
+}
+
+#bloco-3{
+
+    border: dashed 5px black;
+    background-color: rgb(26, 92, 26);
+
+} 
+
+#bloco-4{
+
+    border: dashed 5px rgb(189, 143, 143);
+    background-color: red;
+
+}
+
+.bloco{
+    min-width: 50px;
+    min-height: 50px;
+    height: 15vh;
+    width: 30vw;
+    padding: 15px 10px;
+    margin: 10px 10px;
+    color: white
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+