Merge branch 'main' of https://github.com/ElizabethBil/project-13

ElizabethBil · Oct 2, 2023 · 1ea0c32 · 1ea0c32
2 parents f4c0621 + 121f1d4
commit 1ea0c32
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 6 deletions.
diff --git a/src/css/about.css b/src/css/about.css
@@ -10,11 +10,20 @@
 @media screen and (min-width: 768px) {
     .section-about-us{
         background-image: url(../img/about/ornamet-about-tablet.png);
-        background-position-x: right;
-        background-position-y: bottom;
+
     }
 }
 
+@media screen and (min-width: 1280px) {
+    .section-about-us {
+    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);
+    }
+}
 .about-us-title{
     color: var(--white, rgb(252, 249, 249));
     font-size: 32px;
@@ -62,6 +71,11 @@
     max-width: 436px;
     }
 }
+@media screen and (min-width: 1440px) {
+    .about-us-text {
+            max-width: 481px;
+        }
+}
 
 @media screen and (min-width: 1280px) {
     .about-container {
@@ -75,6 +89,3 @@
     }
 }
 
-@media screen and (min-width: 1440px) {
-
-}
diff --git a/src/img/about/ornament-descktop1440.png b/src/img/about/ornament-descktop1440.png
diff --git a/src/img/about/ornament-desctop1280.png b/src/img/about/ornament-desctop1280.png
diff --git a/src/partials/about.html b/src/partials/about.html
@@ -1,4 +1,4 @@
-<section class="section-about-us section">
+<section class="section-about-us section" id="about-us">
   <div class="container about-container">
     <div class="wrap-container">
       <h2 class="about-us-title">About Us</h2>