From bc95ca73574ea6283fcde65d2a45d0e391f00de0 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 7 Oct 2022 15:05:18 -0400
Subject: [PATCH] Vertical centering

---
 src/layouts/page/nebraska-man.html | 20 ++++----------------
 src/layouts/page/products.html     |  8 ++++----
 2 files changed, 8 insertions(+), 20 deletions(-)

diff --git a/src/layouts/page/nebraska-man.html b/src/layouts/page/nebraska-man.html
index e2be2aa..dc152eb 100644
--- a/src/layouts/page/nebraska-man.html
+++ b/src/layouts/page/nebraska-man.html
@@ -31,7 +31,7 @@
       <div class="col-lg-4 col-md-4 col-sm-12 col-12">
         <img src="/Images/nebraska-man-cover-issue-1l.jpg" alt="Nebraska Man Issue 1" style="width:100%;">
       </div>
-      <div class="col-lg-8 col-md-8 col-sm-12 col-12">
+      <div class="col-lg-8 col-md-8 col-sm-12 col-12 my-auto">
         <h3>Latest Release</h3>
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
       </div>
@@ -59,7 +59,7 @@
             <div class="col-lg-3 col-md-4 col-sm-12 col-12">
               <img class="comic-thumb" src="/Images/nebraska-man-cover-issue-1l.jpg" alt="">
             </div>
-            <div class="col-lg-9 col-md-8 col-sm-12 col-12">
+            <div class="col-lg-9 col-md-8 col-sm-12 col-12 my-auto">
               <h4>Issue Title. Issue No. </h4>
               <p class="small"> Release Date | Author Name | Illustrator Name</p>
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -67,10 +67,6 @@
                 <button href="#" class="detail-btn-large"><i class="icon-enter-arrow"></i>DOWNLOAD ISSUE</button>
                 <button href="#" class="detail-btn-large"><i class="icon-enter-arrow"></i>READ IN-BROWSER</button>
               </div>
-              <hr class="nb-man-divider">
-              <div class="nb-small-text-container">
-                <p class="small light-gray">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-              </div>
             </div>
           </div>
         </div>
@@ -88,7 +84,7 @@
             <div class="col-lg-3 col-md-4 col-sm-12 col-12">
               <img class="comic-thumb" src="/Images/nebraska-man-cover-issue-1l.jpg" alt="">
             </div>
-            <div class="col-lg-9 col-md-8 col-sm-12 col-12">
+            <div class="col-lg-9 col-md-8 col-sm-12 col-12 my-auto">
               <h4>Issue Title. Issue No. </h4>
               <p class="small"> Release Date | Author Name | Illustrator Name</p>
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -96,10 +92,6 @@
                 <button href="#" class="detail-btn-large"><i class="icon-enter-arrow"></i>DOWNLOAD ISSUE</button>
                 <button href="#" class="detail-btn-large"><i class="icon-enter-arrow"></i>READ IN-BROWSER</button>
               </div>
-              <hr class="nb-man-divider">
-              <div class="nb-small-text-container">
-                <p class="small light-gray">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-              </div>
             </div>
           </div>
         </div>
@@ -117,7 +109,7 @@
             <div class="col-lg-3 col-md-4 col-sm-12 col-12">
               <img class="comic-thumb" src="/Images/nebraska-man-cover-issue-1l.jpg" alt="">
             </div>
-            <div class="col-lg-9 col-md-8 col-sm-12 col-12">
+            <div class="col-lg-9 col-md-8 col-sm-12 col-12 my-auto">
               <h4>Issue Title. Issue No. </h4>
               <p class="small"> Release Date | Author Name | Illustrator Name</p>
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -125,10 +117,6 @@
                 <button href="#" class="detail-btn-large"><i class="icon-enter-arrow"></i>DOWNLOAD ISSUE</button>
                 <button href="#" class="detail-btn-large"><i class="icon-enter-arrow"></i>READ IN-BROWSER</button>
               </div>
-              <hr class="nb-man-divider">
-              <div class="nb-small-text-container">
-                <p class="small light-gray">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-              </div>
             </div>
           </div>
         </div>
diff --git a/src/layouts/page/products.html b/src/layouts/page/products.html
index 3650d2b..9c1805a 100644
--- a/src/layouts/page/products.html
+++ b/src/layouts/page/products.html
@@ -38,13 +38,13 @@
 <section class="products-tea-package-manager">
   <div class="container">
     <div class="row">
-      <div class="col-lg-6 col-md-6 col-sm-12 col-12">
+      <div class="col-lg-6 col-md-6 col-sm-12 col-12 order-lg-2 my-auto">
         <h3>tea protocol</h3>
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         {{- partial "detail-btn-large.html" . -}}
       </div>
       <div class="col">
-
+        <img src="/Images/tea_cli_mockup_no_background.png" alt="tea-cli preview" style="width:100%;">
       </div>
     </div>
   </div>
@@ -55,13 +55,13 @@
 <section class="products-tea-protocol">
   <div class="container">
     <div class="row">
-      <div class="col-lg-6 col-md-6 col-sm-12 col-12">
+      <div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
         <h3>package manager</h3>
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
         {{- partial "detail-btn-large.html" . -}}
       </div>
       <div class="col">
-
+        <img src="/Images/tea_cli_mockup_no_background.png" alt="tea-cli preview" style="width:100%;">
       </div>
     </div>
   </div>