Merge pull request #26 from IIROFESSOR-X/footer-html

Footer update
IIROFESSOR-X · Oct 5, 2023 · 389603f · 389603f
2 parents 74bcea5 + a1dd9bf
commit 389603f
Showing 1 changed file with 18 additions and 11 deletions.
diff --git a/src/css/footer.css b/src/css/footer.css
@@ -37,6 +37,7 @@
   text-align: left;
   text-transform: uppercase;
   color: var(--white-color);
+  text-align: left;
 }
 
 .footer-links:active {
@@ -45,21 +46,14 @@
 
 .footer-links-list {
   display: flex;
-  flex-direction: row;
   flex-wrap: wrap;
   gap: 25px 40px;
-  width: 280px;
-  height: 61px;
-  align-items: left;
-  justify-content: space-between;
-}
-
-.footer-links-list:nth-last-child(4) {
+  max-width: 86%;
   justify-content: space-between;
 }
 
-.footer-links-list:last-child {
-  text-align: left;
+.footer-links-item {
+  flex-basis: calc((100% - 40px) / 2);
 }
 
 .footer-links-item:nth-child(2) {
@@ -110,6 +104,15 @@
   .footer {
     background-size: 100vw 212px;
   }
+
+  .footer-title {
+    font-size: 34px;
+    line-height: 1.26;
+  }
+
+  .footer-links {
+    font-size: 11px;
+  }
 }
 
 /* TABLETS */
@@ -135,11 +138,15 @@
   .footer-links-list {
     display: flex;
     flex-wrap: nowrap;
-    width: auto;
+    max-width: 100%;
     gap: 0 25px;
     height: auto;
   }
 
+  .footer-links-item {
+    flex-basis: initial;
+  }
+
   .footer-links-item:nth-child(2) {
     order: initial;
   }