adaptive_1.3

index.html

@@ -1057,6 +1057,7 @@
                 <p class="heading_subtitle">best jobs for you</p>
                 <h2 class="heading_title">Our students work here</h2>
               </div>
+              <div class="companies_grid_wrapper">
               <ul class="companies_grid">
                 <!-- 1 -->
                 <li class="companies_grid_item">
@@ -1132,6 +1133,7 @@
                 </li>
               </ul>
             </div>
+            </div>
           </div>
         </section>
         <!-- седьмая секция сайта аккордеон -->

style.css

@@ -845,6 +845,7 @@ body {
     background: #F4F5F6;
 }
 .companies_inner {
+  text-align: center;
 }
 .companies_heading {
   text-align: center;
@@ -854,7 +855,7 @@ body {
 .companies_grid {
   display: grid;
   grid-template: repeat(2, auto) / repeat(6, 1fr);
-  gap: 40px 100px;
+  gap: 40px 8,1%;
 }
 .companies_grid_item {
 }
@@ -948,6 +949,10 @@ body {
 }
 .program_image {
 }
+.program_image img {
+  width: 100%;
+  height: 100%;
+}
 
 /* -----------------------------------MAIN BLOG------------------------------------------- */
 
@@ -1497,6 +1502,9 @@ body {
   .directions_link_content {
     padding: 24px 5px;
   }
+  .companies_grid {
+    grid-template: repeat(3, auto) / repeat(4, 1fr);
+  }
 }
 
 /* ----------------------------------------------------1200--------------------------------------------------------- */
@@ -1623,6 +1631,13 @@ body {
   .cert_text {
     text-align: center;
   }
+  .companies_grid {
+    gap: 40px 5%;
+  }
+  .program_image {
+    max-width: 400px;
+  }
+
 }
 
 /* --------------------------------------------------------700--------------------------------------------------------------------------- */
@@ -1713,6 +1728,9 @@ body {
   .testimonials_dots button{
     width: 20px;
   }
+  .companies_grid {
+    grid-template: repeat(4, auto) / repeat(3, 1fr);
+  }
 }
 
 /* ------------------------------------------------------450------------------------------------------------------------- */
@@ -1748,6 +1766,9 @@ body {
   .cert_logos-item:last-child {
     margin: 0px 0px 0px 0px;
   }
+    .companies_grid {
+    grid-template: repeat(6, auto) / repeat(2, 1fr);
+  }
 }