Merge pull request #43 from ElizabethBil/footer

update css
ElizabethBil · Oct 4, 2023 · 00a14c8 · 00a14c8
2 parents d71a9f3 + 8e067b8
commit 00a14c8
Showing 1 changed file with 34 additions and 1 deletion.
diff --git a/src/css/footer.css b/src/css/footer.css
@@ -1,3 +1,8 @@
+.footer-section {
+  padding-top: 40px;
+  border-top: 1px solid rgba(252, 249, 249, 0.1);
+}
+
 .footer-list {
   display: flex;
   flex-wrap: wrap;
@@ -21,15 +26,29 @@
 .footer-title {
   color: var(--white, #fcf9f9);
   font-size: 44px;
-  line-height: 1.22em;
+  line-height: 1.22;
   letter-spacing: -0.03em;
 
   /* Box model */
   width: 335px;
   margin-bottom: 80px;
 }
 
+.footer-section {
+  background-image: url(../img/footer/bg-footer-mob.png);
+  background-repeat: no-repeat;
+  background-position: bottom;
+  padding-bottom: 216px;
+  background-size: 375px 212px;
+}
+
 @media screen and (min-width: 768px) {
+  .footer-section {
+    background-image: url(../img/footer/bg-footer-tab.png);
+    background-position: top right;
+    padding-bottom: 0;
+    background-size: 178px 369px;
+  }
   .footer-list {
     display: flex;
     flex-wrap: nowrap;
@@ -43,6 +62,10 @@
   }
 
   .footer-title {
+    /* typography */
+    font-size: 54px;
+    line-height: 1.18;
+
     /* Box model */
     width: 521px;
   }
@@ -53,11 +76,21 @@
 }
 
 @media screen and (min-width: 1280px) {
+  .footer-section {
+    background-image: url(../img/footer/bg-footer-1280.png);
+    background-position: top right;
+    padding-bottom: 0;
+    background-size: 336px 363px;
+  }
+
   .footer-list {
     margin-bottom: 117px;
   }
 
   .footer-title {
+    /* typography */
+    font-size: 64px;
+    line-height: 1.15;
     /* Box model */
     width: 754px;
   }