Inital layout setup

app/page.tsx

@@ -5,10 +5,12 @@ export default async function Home() {
   let routes: Array<Route> = await getRoutes();
 
   return (
-    <main className="flex min-h-screen">
-      <div className='grid grid-rows-4 grid-flow-col gap-4'>
+    <main>
+      <div className=''>
+        <div className='flex grid grid-cols-6 p-2'>
           <RouteCards routes={routes} />
         </div>
+      </div>
     </main>
   )
 }

components/RouteCards.tsx

@@ -32,8 +32,8 @@ export default function RouteCards({ routes }: { routes: Array<Route> }) {
 
     return (
         routes.map((route, index) => (
-            <div key={index}>
-                <Card key={index}>
+            <div key={index} className='p-2'>
+                <Card key={index} className='w-[300px]'>
                     <CardHeader>
                         <CardTitle>{getHosts(route).values().next().value}</CardTitle>
                         {getHosts(route).map((route => <CardDescription key={route}>{route}</ CardDescription>))}