Updated news/events/spotlights cards to be more responsive.

osg-htc · Nov 30, 2023 · 1374deb · 1374deb
1 parent 09d3230
commit 1374deb
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/events.html b/events.html
@@ -14,7 +14,7 @@ <h1>Events</h1>
         <div class="row my-4">
             {% for event in future_events %}
 
-            <div class="col-12 col-lg-6 my-4">
+            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 my-4">
                 {% include /cards/event-card.html news=event card_image=event.header_image height='150' %}
             </div>
 
@@ -26,7 +26,7 @@ <h3 class="text-muted pt-3">Past Events</h3>
         <div class="row">
             {% for event in past_events %}
 
-            <div class="col-12 col-lg-6 mb-4">
+            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 mb-4">
                 {% include /cards/event-card.html news=event card_image=event.header_image height='150' %}
             </div>
 

diff --git a/news.html b/news.html
@@ -12,7 +12,7 @@ <h1 class="mini-bar mt-1 mb-4">OSG News</h1>
         <div class="row gx-3">
             {% include /get/news.liquid %}
             {% for news in news %}
-            <div class="col-12 col-lg-6 col-xl-4 pb-4">
+            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-4 pb-4">
                 {% include /cards/spotlight-card.html article=news %}
             </div>
             {% endfor %}

diff --git a/spotlight.html b/spotlight.html
@@ -12,7 +12,7 @@ <h1 class="ps-3 pb-3">Spotlight Articles</h1>
     <div class="row g-0 rounded bg-light pb-3 pe-3">
         {% include get/spotlights.liquid %}
         {% for article in spotlights %}
-        <div class="col-12 col-lg-6 col-xl-4 ps-3 pt-3 d-flex">
+        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-4 ps-3 pt-3 d-flex">
             {% include /cards/spotlight-card.html %}
         </div>
         {% endfor %}