Alterações main/footer

css/style.css

@@ -5,6 +5,7 @@
   margin: 0;
   font-family: "Inter", sans-serif;
 }
+ /*--------------------Header-------------------------------*/
 .header-logo {
   background-color: black;
   display: flex;
@@ -29,7 +30,7 @@
   margin: 73px;
 }
 .image-computer {
-  margin-bottom: 6rem;
+  margin-bottom: 3rem;
 }
 p {
   font-size: 16px;
@@ -51,6 +52,7 @@ p {
   font-weight: 500px;
   line-height: 58px;
 }
+/*----------------Section-2--------------------------*/
 .square {
   box-shadow: 0px 4px 20px #0000003b;
   text-align: center;
@@ -66,7 +68,7 @@ p {
   flex-wrap: wrap;
   padding: 1em;
 }
-
+ /*----------------Section-3--------------------------*/
 .container-notebooks {
   background-color: #e0e0e0;
   width: 100%;
@@ -74,9 +76,7 @@ p {
   gap: 1em;
   justify-content: center;
 }
-.notebook {
- 
-}
+/*----------------Section-4--------------------------*/
 .container-4{
   margin-top: 108px;
 }
@@ -106,16 +106,19 @@ p {
 .retangle{
   width: 70%;
 }
-footer {
+/*----------------Footer--------------------------*/
+footer{
   background-color: black;
-  color: white;
+}
+ .image-footer {
   padding: 1em;
   display: flex;
   justify-content: center;
   gap: 1em;
 }
 .text-footer{
-  display: flex;
-  justify-content: center;
-  gap: 1em;
+  color: white;
+  font-size: 10px;
+  font-weight: 400;
+ 
 }

index.html

@@ -123,7 +123,7 @@
     </main>
     <!--------------Footer------------------>
     <footer>
-        <div>
+        <div class="image-footer">
             <img src="./assets/img/instagram.svg" />
             <img src="./assets/img/facebook.svg" />
             <img src="./assets/img/youtube.svg" />