diff --git a/public/css/styles.css b/public/css/styles.css
index 3204e6b0..c3a5ed22 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -3839,6 +3839,17 @@ h2.widget__title {
     color: var(--color-black);
 }
 
+/* Kolumner på bredare skärmare */
+.cols {
+    display: flex;
+}
+
+@media (max-width: 768px) {
+    .cols {
+        flex-direction: column;
+    }
+}
+
 /* Google Custom Search Engine */
 .widget .gsc-control-cse {
     padding: 0;
diff --git a/resources/views/design.blade.php b/resources/views/design.blade.php
index 3a4ef8e1..ce8c64ca 100644
--- a/resources/views/design.blade.php
+++ b/resources/views/design.blade.php
@@ -15,9 +15,6 @@
 
     <x-latest-events-box />
     <x-trending-events-box />
-    
-    
-
 
     <h1>En huvudrubrik av storlek h1. Lite överdrivet lång kanske men vi måste ju testa radbrytningar och så vidare</h1>
 
diff --git a/resources/views/start.blade.php b/resources/views/start.blade.php
index b3a79436..de142bbe 100644
--- a/resources/views/start.blade.php
+++ b/resources/views/start.blade.php
@@ -88,9 +88,10 @@
         </a>
     </div>
 
-    <x-latest-events-box />
-
-    <x-trending-events-box />
+    <div class="cols">
+        <x-latest-events-box />
+        <x-trending-events-box />
+    </div>
 
     @if ($eventsRecent)
         <div class="widget">