laid out first 6 sections

css/main.css

@@ -198,10 +198,32 @@ textarea {
     padding: 50px;
   }
 
-  .jon {
+  #section-5-logos{
+    list-style-type: none;
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+  }
+
+  #section-5-logos li {
     margin: 15px;
   }
 
+  .jon {
+    padding: 15px;
+  }
+
+  #section-6-img{
+    width: min-content;
+    margin: 0 auto;
+  }
+
+  #section-6-text {
+    text-align: center;
+    max-width: 35%;
+    margin: 0 auto;
+  }
+
   @media (min-width: 484px) {
     #section-1 {
       background-image: url(/img/bg-1_md.jpeg);
@@ -286,9 +308,12 @@ textarea {
     #section-5 {
       background-image: url(/img/bg-2_lg.jpg);
     }
+    .jon{
+      width: 30%;
+    }
     #section-5-jons {
       display: flex;
-      justify-content: space-around;
+      justify-content: space-evenly;
     }
 
   }

index.html

@@ -105,25 +105,26 @@
         <p class="light-italic">“Aenean eu leo quam. Pellentesque ornare sem lacinia qua emere wancerid elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Etiasem malesuada magn”</p>
       </div>
     </div>
-    <div id="section-5-logos">
-      <ul>
-        <li><img></li>
-        <li><img></li>
-        <li><img></li>
-        <li><img></li>
-        <li><img></li>
+      <ul id="section-5-logos">
+        <li><img src="img/partner-logo-1.png"></li>
+        <li><img src="img/partner-logo-2.png"></li>
+        <li><img src="img/partner-logo-3.png"></li>
+        <li><img src="img/partner-logo-4.png"></li>
+        <li><img src="img/partner-logo-5.png"></li>
       </ul>
-    </div>
   </section>
 
   <section class="dark-gray medium" id="section-6">
-    <div>
+    <div id="section-6-text">
       <p class="salmon small">SERIOUSLY</p>
       <h3 class="title">So start on this soon.</h3>
       <p class="tiny">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Etiasem malesuada magn. Vestibulum felis euismod semper.</p>
     </div>
-    <div>
-      <img>
+    <div id="section-6-img">
+      <picture>
+          <source media="(min-width: 950px)" srcset="img/window.png">
+          <img alt="generic browser window" src="img/window-2.png">  
+      </picture>
     </div>
   </section>