promo-crossroad: fix items layout, add wrap

bem-site · Feb 26, 2019 · dd15afd · dd15afd
1 parent 37d14e1
commit dd15afd
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/blocks/promo/promo-crossroad/promo-crossroad.css b/blocks/promo/promo-crossroad/promo-crossroad.css
@@ -1,6 +1,7 @@
 .promo-crossroad
 {
     display: flex;
+    flex-wrap: wrap;
     justify-content: space-around;
 
     margin: 0 0 100px;
@@ -12,13 +13,19 @@
     font-size: 18px;
     line-height: 1.5;
 
-    margin-bottom: 0;
+    max-width: 220px;
+    margin: 0 40px 0 0;
 
     text-align: center;
 
     color: #000;
 }
 
+.promo-crossroad__item:last-child
+{
+    margin-right: 0;
+}
+
 .promo-crossroad__title-link
 {
     font-size: 24px;
@@ -78,9 +85,7 @@
 {
     .promo-crossroad
     {
-
-        padding: 0 1%;
-        flex-wrap: wrap;
+        padding: 0 20px;
     }
 }
 
@@ -94,7 +99,7 @@
 
     .promo-crossroad__item
     {
-        margin-top: 50px;
+        margin-top: 30px;
     }
 
     .promo-crossroad__title-link