320-changes

ElizabethBil · Oct 5, 2023 · d851f0e · d851f0e
1 parent c74d94a
commit d851f0e
Show file tree

Hide file tree

Showing 6 changed files with 45 additions and 24 deletions.
diff --git a/src/css/about.css b/src/css/about.css
@@ -4,8 +4,9 @@ padding-top: 80px;
 padding-bottom: 62px;
     background-image: url(/img/about/about-ornamets-mobile.png);
     background-position-x: right;
-        background-position-y: bottom;
+        background-position-y: 742px;
     background-repeat: no-repeat;
+    background-size: 248px 393px;
 }
 
 @media screen and (min-width: 768px) {

diff --git a/src/css/base.css b/src/css/base.css
@@ -66,26 +66,25 @@ main {
 
 /* ==== CONTAINER ==== */
 
-.container {
-  width: 100%;
-  margin-left: auto;
-  margin-right: auto;
-  padding: 0;
-}
 
 @media screen and (min-width: 375px) {
   .container {
-    width: 375px;
-    padding-left: 20px;
-    padding-right: 20px;
-    margin: 0 auto;
-  }
+      width: 375px;
+      padding-left: 20px;
+      padding-right: 20px;
+      margin: 0 auto;
+    }
 }
 
 @media screen and (max-width: 375px) {
+
   .container {
-    width: 100%;
-  }
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 20px;
+    padding-right: 20px;
+}
 }
 
 @media screen and (min-width: 768px) {

diff --git a/src/css/collection.css b/src/css/collection.css
@@ -5,12 +5,14 @@
   margin-bottom: 40px;
 }
 
+
+
 /* OUR COLLECTION */
 
+
+
+
 .collection-section {
-  background-image: url(/img/collection/bg-ornament-mob.png);
-  background-repeat: no-repeat;
-  background-size: 72px 177px;
   background-position-y: 327px;
 }
 
@@ -55,6 +57,17 @@
   text-transform: uppercase;
 }
 
+@media screen and (max-width: 374px) {
+
+  .collection-section {
+  background-image: url(/img/collection/bg-ornament-mob.png);
+  background-repeat: no-repeat;
+  background-size: 72px 177px;
+      background-position-y: 516px;
+    }
+
+}
+
 @media screen and (min-width: 768px) {
   .collection-section {
     background-image: url(/img/collection/bg-ornament-tab.png);

diff --git a/src/css/hero.css b/src/css/hero.css
@@ -47,13 +47,10 @@
 
 .hero-img {
   border-radius: 4px;
-  height: 545px;
-  flex-shrink: 0;
-  border-radius: 4px;
+    background: url(<path-to-image>), lightgray 50% / cover no-repeat;
+
 }
 
-@media screen and (min-width: 375px) {
-}
 
 @media screen and (max-width: 767px) {
   .hero-svg-star {

diff --git a/src/css/order.css b/src/css/order.css
@@ -21,6 +21,7 @@
     margin-bottom: 80px;
 }
 
+
 .order-title {
     line-height: 1.36;
     max-width: 350px;
@@ -145,6 +146,16 @@
 }
 
 
+@media screen and (max-width: 374px) {
+    .order-form-input {
+        width: 100%;
+    }
+
+        .order-form-coment {
+            width: 100%;
+        }
+}
+
 
 
 /* ======/MOBILE===== */

diff --git a/src/css/testimonials.css b/src/css/testimonials.css
@@ -1,6 +1,6 @@
 
 
-@media screen and (min-width: 375px) {
+
   .testimonials-title {
     margin-bottom: 31px;
     text-align: left;
@@ -55,7 +55,7 @@
     position: absolute;
     top: -24px;
   }
-}
+
 
 @media screen and (min-width: 768px) {
   .testimonials-title {