diff --git a/templates/trip_page.html b/templates/trip_page.html
index b002643..651bec2 100644
--- a/templates/trip_page.html
+++ b/templates/trip_page.html
@@ -65,7 +65,8 @@
 
 {% block content %}
 <div class="row">
-  <div class="col m-3">
+  <div class="col-md-6 col-sm-12">
+    <div class="m-3">
     {{ next_and_previous() }}
     <h1>{{ trip.title }}</h1>
     <p class="lead">
@@ -248,7 +249,8 @@
     {{ next_and_previous() }}
 
     </div>
-  <div class="col">
+  </div>
+  <div class="col-md-6 col-sm-12">
     <div id="map"></div>
   </div>
 </div>