ajustes nas logos

ThyagoHolanda · Jul 25, 2023 · 4c7567f · 4c7567f
1 parent bb04dd1
commit 4c7567f
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 15 deletions.
diff --git a/index.html b/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="pt-br">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,20 +9,42 @@
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css">
 </head>
+
 <body>
-    <main class="flex-container-center">
-        <article class="cell">
-            <iframe src="home.html" frameborder="0" scrolling="no">
-            </iframe>
+    <!-- <main> -->
+        <article class="flex-container-center">
+            <section class="cell">
+                <iframe src="home.html" frameborder="0" scrolling="no">
+                </iframe>
+            </section>
         </article>
-    </main>
-    <main class="flex-container-right">
-            <img src="imagens/logo-home.jpg" alt=""> 
-            <img src="imagens/logo-youtube.jpg" alt=""> 
-            <img src="imagens/logo-github.jpg" alt=""> 
-            <img src="imagens/logo-instagram.jpg" alt=""> 
-            <img src="imagens/logo-twitter.jpg" alt=""> 
-            <img src="imagens/logo-facebook.jpg" alt=""> 
-    </main>
+        <article class="flex-container-right">
+            <section>
+                <a href=""><img src="imagens/logo-home.jpg" alt=""></a>
+            </section>
+
+            <section>
+                <a href=""><img src="imagens/logo-youtube.jpg" alt=""></a>
+            </section>
+
+            <section>
+                <a href=""><img src="imagens/logo-github.jpg" alt=""></a>
+            </section>
+
+            <section>
+                <a href=""><img src="imagens/logo-instagram.jpg" alt=""></a>
+            </section>
+
+            <section>
+                <a href=""><img src="imagens/logo-twitter.jpg" alt=""></a>
+            </section>
+
+            <section>
+                <a href=""><img src="imagens/logo-facebook.jpg" alt=""></a>
+            </section>
+
+        </article>
+    <!-- </main> -->
 </body>
+
 </html>
diff --git a/style.css b/style.css
@@ -10,6 +10,7 @@ body{
 
 .flex-container-center {
     margin: auto;
+    border: 1px solid black;
 }
 
 
@@ -35,9 +36,15 @@ body{
     flex-direction: column;
     /* justify-content: space-between; */
     gap: 5%;
-    /* border: 1px solid black; */
     margin: 10px;
-    width: 55px;
+    width: 60px;
+    border: 1px solid black;
+
+}
+
+.flex-container-right>section{
+    height: 50px;
+
 }
 
 img {