efefe

eldarsarkynov · May 13, 2024 · 0ceb56c · 0ceb56c
1 parent 0a3bf45
commit 0ceb56c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/source/index.html b/source/index.html
@@ -110,7 +110,7 @@ <h2 class="advantages__title">Как это работает</h2>
               который нужно лишь залить
               кипятком и готово.</p>
           </li>
-          <li class="advantages__item">
+          <li class="advantages__item advantages__item--eat">
             <p class="advantages__description advantages__description--eat">Замените один-два приема
               обычной еды на наше
               функциональное питание.</p>

diff --git a/source/styles/blocks/advantages.scss b/source/styles/blocks/advantages.scss
@@ -13,7 +13,7 @@
   margin: 0 auto;
 
   @media (min-width: $tablet-width) {
-    margin: 0;
+    margin: 0 auto;
     width: 708px;
   }
 }
@@ -49,9 +49,9 @@
     width: 708px;
     display: flex;
     flex-flow: row wrap;
-    margin-top: 32px;
-    gap: 153px;
+    margin: 32px 0 0;
     counter-reset: step 0;
+    background-color: brown;
   }
 }
 
@@ -62,9 +62,12 @@
   margin: 2px 0 4px;
 
   @media (min-width: $tablet-width) {
+    width: 250px;
     min-height: 280px;
     counter-increment: step 1;
     position: relative;
+    background-color: yellow;
+    margin: 0 153px 0 0;
   }
 }
 
@@ -82,8 +85,7 @@
 
 .advantages__item--eco {
   width: 230px;
-  margin: 0;
-  padding-right: 25px;
+  margin: 0 153px 0 0;
 }
 
 .advantages__description {
@@ -157,6 +159,10 @@
   }
 }
 
+.advantages__item--eat {
+  width: 247px;
+}
+
 .advantages__description--eat::before {
   content: "";
   background-color: $base-color-background;