Clean revision to max width of grid

src/layouts/partials/package-grid.html

@@ -1,16 +1,9 @@
 <!-- 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>
 
@@ -31,6 +24,9 @@
         <div id="loadMoreSection" class="container small">
           <div id="loadMorePackagesBtn"><i class="icon-enter-arrow"></i> SHOW MORE</div>
         </div>
+      </div>
+    </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">