diff --git a/events.html b/events.html
index ae30577ed..9c6cfea6a 100644
--- 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
index 5f89e2b96..494e49f6c 100644
--- 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
index d5468f92a..83a1c73a2 100644
--- 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 %}