fixed spacing on flavors page

blank-space-systems · Mar 30, 2024 · 9ddf390 · 9ddf390
1 parent 84d4a74
commit 9ddf390
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/blank space.bsdesign b/blank space.bsdesign
diff --git a/flavors.html b/flavors.html
@@ -100,52 +100,57 @@ <h1>simple syrup</h1>
         </div>
     </div><!-- End: Parallax Background -->
     <section style="width: 100%;padding-top: 25px;padding-bottom: 25px;background: #1a1a1a;">
-        <!-- Start: 1 Row 3 Columns -->
+        <!-- Start: 1 Row 2 Columns -->
         <div class="container">
             <div class="row">
-                <div class="col-md-4">
+                <div class="col-md-6">
                     <div class="text-white">
                         <h1>lime lemon</h1>
                         <p>Lime concentrate, lemon concentrate, and cane sugar.</p>
                     </div>
                 </div>
-                <div class="col-md-4">
+                <div class="col-md-6">
                     <div class="text-white">
                         <h1>pineapple coconut</h1>
                         <p>Pineapple concentrate, coconut extract, and our simple syrup.</p>
                     </div>
                 </div>
-                <div class="col-md-4">
+            </div>
+        </div><!-- End: 1 Row 2 Columns -->
+        <!-- Start: 1 Row 2 Columns -->
+        <div class="container" style="margin-top: 25px;">
+            <div class="row">
+                <div class="col-md-6">
                     <div class="text-white">
                         <h1>apple cranberry</h1>
                         <p>Apple concentrate, cranberry concentrate, and our simple syrup.</p>
                     </div>
                 </div>
-            </div>
-        </div><!-- End: 1 Row 3 Columns -->
-        <!-- Start: 1 Row 3 Columns -->
-        <div class="container" style="margin-top: 25px;">
-            <div class="row">
-                <div class="col-md-4">
+                <div class="col-md-6">
                     <div class="text-white">
                         <h1>orange</h1>
                         <p>Orange concentrate and our simple syrup.</p>
                     </div>
                 </div>
-                <div class="col-md-4">
+            </div>
+        </div><!-- End: 1 Row 2 Columns -->
+        <!-- Start: 1 Row 2 Columns -->
+        <div class="container" style="margin-top: 25px;">
+            <div class="row">
+                <div class="col-md-6">
                     <div class="text-white">
                         <h1>vanilla</h1>
                         <p>Organic vanilla extract and our simple syrup.</p>
                     </div>
                 </div>
-                <div class="col-md-4">
+                <div class="col-md-6">
                     <div class="text-white">
                         <h1>more pending</h1>
                         <p>We're developing more flavors.</p>
                     </div>
                 </div>
             </div>
-        </div><!-- End: 1 Row 3 Columns -->
+        </div><!-- End: 1 Row 2 Columns -->
     </section><!-- Start: Footer Basic -->
     <footer class="text-center">
         <div class="container text-muted py-4 py-lg-5">