Adjust footer styling

borgesenioc · Jan 15, 2025 · 068c8e1 · 068c8e1
1 parent daae00c
commit 068c8e1
Showing 1 changed file with 9 additions and 29 deletions.
diff --git a/styles/style.css b/styles/style.css
@@ -350,39 +350,22 @@
 
 .footer {
   box-sizing: border-box;
-  background-color: #000000;
+  background-color: #1f1f1f;
   color: #ffffff;
-  padding: 0;
-  font-size: 16px;
-  margin: 0;
+  padding: 60px 80px;
 }
 
 .footer__columns {
   display: flex;
   justify-content: space-between;
-  align-items: flex-start;
-  padding: 0;
-  margin: 0;
-}
-
-.footer__column {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  padding: 60px 80px;
-  margin: 0;
 }
 
 .footer__column_content_hours {
   margin-left: auto;
-  display: flex;
-  flex-direction: column;
 }
 
 .footer__column_content_social {
-  padding-left: 80px;
-  display: flex;
-  flex-direction: column;
+  margin-left: 80px;
 }
 
 .footer__logo {
@@ -391,28 +374,27 @@
 }
 
 .footer__column-heading {
-  padding-bottom: 0px;
-  margin: 0;
+  margin: 0 0 20px;
+  font-size: 16px;
 }
 
 .footer__list {
-  /* O código abaixo remove os estilos do navegador padrão para listas */
   list-style-type: none;
   padding: 0;
   margin: 0;
-  padding-top: 20px;
 }
 
 .footer__list-item {
-  padding-top: 16px;
+  margin-top: 16px;
 }
 
 .footer__column-link {
   color: white;
   text-decoration: none;
   display: flex;
   align-items: center;
-  column-gap: 10px;
+  gap: 10px;
+  margin-top: 16px;
 }
 
 .footer__social-icon {
@@ -421,7 +403,5 @@
 }
 
 .footer__copyright {
-  padding-top: 100px;
-  padding-left: 80px;
-  padding-bottom: 60px;
+  margin: 100px 0 0;
 }