Clean revision to max width of grid

src/layouts/partials/package-grid.html

@@ -1,36 +1,32 @@
 <!-- Package Grid -->
 
 <section>
-  <!-- Package Grid Header -->
-  <hr>
-    <div class="container package-grid-header two-boxes">
-      <section class="flex flex-column flex-md-row">
-        <h3>packages</h3>
-      </section>
-      <p style="width:60%;">There are already plenty of packages available through tea. As the communi’tea builds the library, contributions will live here. We use <a href="https://stability.ai/blog/stable-diffusion-public-release">Stable Diffusion</a> to generate the artwork for each package using their title and code for input. That’s the power of Open Source.</p>
-    </div>
-  <hr>
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        {{- partial "search-menu.html" "searchTermDesktop" -}}
+        <hr>
 
-  {{- partial "search-menu.html" "searchTermDesktop" -}}
-  <hr>
+        <div class="package-grid">
 
-  <div class="package-grid">
+          <!-- Start Package Grid -->
 
-    <!-- Start Package Grid -->
-
-    <div class="row package-row black-bg g-0">
-      <div id="packageGrid" class="package-grid">
-        {{ range $.Site.Data.packages }}
-          {{- partial "package-thumbnail.html" .}}
-        {{ end }}
+          <div class="row package-row black-bg g-0">
+            <div id="packageGrid" class="package-grid">
+              {{ range $.Site.Data.packages }}
+                {{- partial "package-thumbnail.html" .}}
+              {{ end }}
+            </div>
+            {{- partial "no-results-found.html" }}
+          </div>
+        </div>
+        <hr>
+        <div id="loadMoreSection" class="container small">
+          <div id="loadMorePackagesBtn"><i class="icon-enter-arrow"></i> SHOW MORE</div>
+        </div>
       </div>
-      {{- partial "no-results-found.html" }}
     </div>
   </div>
-  <hr>
-  <div id="loadMoreSection" class="container small">
-    <div id="loadMorePackagesBtn"><i class="icon-enter-arrow"></i> SHOW MORE</div>
-  </div>
 </section>
 
 <style>

src/layouts/partials/search-menu.html

@@ -1,5 +1,5 @@
 <section>
-    <div class="button-container">
+    <div>
         <div class="searchBar">
             <div style="display:flex; align-items:center;">
                 <div class="icon">
@@ -50,4 +50,4 @@
     color: #949494;
     opacity: 1; /* Firefox */
   }
-</style>
+</style>