Attempt dynamic change in bottom rows

ljvmiranda921 · Dec 8, 2024 · a7e41e4 · a7e41e4
1 parent f6f1cab
commit a7e41e4
Showing 1 changed file with 19 additions and 4 deletions.
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -2,6 +2,23 @@
 layout: default
 ---
 
+<style>
+  @media screen and (min-width: 769px) {
+    .column {
+      width: 50%;
+      float: left;
+      max-width: 50%;
+      padding: 5px;
+    }
+    .row {
+      display: flex;
+      flex-direction: row;
+      width: 100%;
+    }
+  }
+</style>
+
+
 <div class="home">
 
   <div class="divider">
@@ -43,9 +60,8 @@
   <hr>
 
   &nbsp;
-
   <div class="row">
-    <div class="column" style="width:48%; float:left;">
+    <div class="column" style="width:100%; float:left;">
       <h2 style="font-size: 1.5em;">Recent Posts</h2>
 
       <ul class="post-list">
@@ -63,7 +79,7 @@ <h3 style="font-size: 1.2em;"><a href="{{ post.url | relative_url }}">{{ post.ti
       </ul>
     </div>
 
-    <div class="column" style="width:48%; float:right;">
+    <div class="column" style="width:100%; float:right;">
       <h2 style="font-size: 1.5em;">What's New?</h2>
       <ul class="post-list">
         {% assign news_content = site.pages | where: "path", "news.md" | first %}
@@ -72,5 +88,4 @@ <h2 style="font-size: 1.5em;">What's New?</h2>
     </div>
   </div>
 
-
 </div>