public/css/classes.css

@@ -1,3 +1,17 @@
+.content {}
+
+.column {
+    float: left;
+    width: 50%;
+}
+
+/* Clear floats after the columns */
+.row:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
 .navbar-menu {
     flex-grow: initial !important;
     flex-shrink: initial !important;

src/pages/index.astro

@@ -6,7 +6,6 @@ import Card from "../components/Card.astro";
 <Layout title="LimePot">
   <main>
     <div class="content">
-      <div class="wrapper"></div>
       <center>
         <h1 class="title">LimePotato</h1>
         <marquee Behavior="Alternate">