diff --git a/templates/trip/list.html b/templates/trip/list.html
index a0f3f48..b08a3cb 100644
--- a/templates/trip/list.html
+++ b/templates/trip/list.html
@@ -8,71 +8,42 @@
 
  <link rel="stylesheet" href="{{ url_for("static", filename="leaflet/leaflet.css") }}">
 
-{% set conference_column_count = 8 %}
-{% set accommodation_column_count = 8 %}
-{% set travel_column_count = 10 %}
 <style>
-.conferences {
-  display: grid;
-  grid-template-columns: repeat({{ conference_column_count }}, auto); /* 7 columns for each piece of information */
-  gap: 10px;
-  justify-content: start;
-}
-
-.accommodation {
-  display: grid;
-  grid-template-columns: repeat({{ accommodation_column_count }}, auto);
-  gap: 10px;
-  justify-content: start;
-}
-
-.travel {
-  display: grid;
-  grid-template-columns: repeat({{ travel_column_count }}, auto);
-  gap: 10px;
-  justify-content: start;
-}
-
-.grid-item {
-  /* Additional styling for grid items can go here */
-}
-
-        body, html {
-            height: 100%;
-            margin: 0;
-        }
-        .container-fluid {
-            height: calc(100% - 56px); /* Subtracting the height of the navbar */
-        }
-        .text-content {
-            overflow-y: scroll;
-            height: 100%;
-        }
-        .map-container {
-            position: sticky;
-            top: 56px; /* Adjust to be below the navbar */
-            height: calc(100vh - 56px); /* Subtracting the height of the navbar */
-        }
-        #map {
-            height: 100%;
-        }
-
-        @media (max-width: 767.98px) {
-            .container-fluid {
-                display: block;
-                height: auto;
-            }
-            .map-container {
-                position: relative;
-                top: 0;
-                height: 50vh; /* Adjust as needed */
-            }
-            .text-content {
-                height: auto;
-                overflow-y: auto;
-            }
-        }
+  body, html {
+      height: 100%;
+      margin: 0;
+  }
+  .container-fluid {
+      height: calc(100% - 56px); /* Subtracting the height of the navbar */
+  }
+  .text-content {
+      overflow-y: scroll;
+      height: 100%;
+  }
+  .map-container {
+      position: sticky;
+      top: 56px; /* Adjust to be below the navbar */
+      height: calc(100vh - 56px); /* Subtracting the height of the navbar */
+  }
+  #map {
+      height: 100%;
+  }
 
+  @media (max-width: 767.98px) {
+      .container-fluid {
+          display: block;
+          height: auto;
+      }
+      .map-container {
+          position: relative;
+          top: 0;
+          height: 50vh; /* Adjust as needed */
+      }
+      .text-content {
+          height: auto;
+          overflow-y: auto;
+      }
+  }
 </style>
 {% endblock %}