Merge pull request #22 from ElizabethBil/section-about-us

Section about us
ElizabethBil · Oct 3, 2023 · 571a83e · 571a83e
2 parents 4d0bdd7 + 6388943
commit 571a83e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 15 deletions.
diff --git a/src/css/about.css b/src/css/about.css
@@ -1,27 +1,31 @@
 /* =======ABOUT US====== */
 .section-about-us{
-
-    background-image: url(../img/about/about-ornamets-mobile.png);
+padding-top: 80px;
+padding-bottom: 62px;
+    background-image: url(/img/about/about-ornamets-mobile.png);
     background-position-x: right;
         background-position-y: bottom;
     background-repeat: no-repeat;
 }
 
 @media screen and (min-width: 768px) {
     .section-about-us{
-        background-image: url(../img/about/ornamet-about-tablet.png);
-
+        background-image: url(/img/about/ornamet-about-tablet.png);
+       padding-top: 100px;
+       padding-bottom: 50px;
     }
 }
 
 @media screen and (min-width: 1280px) {
     .section-about-us {
-    background-image: url(../img/about/ornament-desctop1280.png);
+        padding-top: 150px;
+        padding-bottom: 80px;
+    background-image: url(/img/about/ornament-desctop1280.png);
     }
 }
 @media screen and (min-width: 1440px) {
     .section-about-us {
-        background-image: url(../img/about/ornament-descktop1440.png);
+        background-image: url(/img/about/ornament-descktop1440.png);
     }
 }
 .about-us-title{

diff --git a/src/partials/about.html b/src/partials/about.html
@@ -29,16 +29,16 @@ <h2 class="about-us-title">About Us</h2>
     <img
       class="img-about-us"
       srcset="
-        /img/about/girl-and-boy-descktop1440.jpg     709w,
-        /img/about/[email protected] 1418w,
-        /img/about/girl-and-boy-descktop1280.jpg     594w,
-        /img/about/[email protected] 1188w,
-        /img/about/girl-and-boy-tablet.jpg           704w,
-        /img/about/[email protected]       1408w,
-        /img/about/girl-and-boy-mobile.jpg           335w,
-        /img/about/[email protected]        670w
+        ./img/about/girl-and-boy-descktop1440.jpg     709w,
+        ./img/about/[email protected] 1418w,
+        ./img/about/girl-and-boy-descktop1280.jpg     594w,
+        ./img/about/[email protected] 1188w,
+        ./img/about/girl-and-boy-tablet.jpg           704w,
+        ./img/about/[email protected]       1408w,
+        ./img/about/girl-and-boy-mobile.jpg           335w,
+        ./img/about/[email protected]        670w
       "
-      src="../img/about/girl-and-boy-mobile.jpg"
+      src="./img/about/girl-and-boy-mobile.jpg"
       sizes="(min-width:
     1440px) 709px, (min-width:
     1280px) 594px, (min-width: 768px) 704px, (max-width: 767px) 335px"