Inital layout setup

app/page.tsx

@@ -5,9 +5,11 @@ export default async function Home() {
   let routes: Array<Route> = await getRoutes();
 
   return (
-    <main className="flex min-h-screen">
+    <main>
-      <div className='grid grid-rows-4 grid-flow-col gap-4'>
+      <div className=''>
-        <RouteCards routes={routes} />
+        <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}>
+            <div key={index} className='p-2'>
-                <Card key={index}>
+                <Card key={index} className='w-[300px]'>
                     <CardHeader>
                         <CardTitle>{getHosts(route).values().next().value}</CardTitle>
                         {getHosts(route).map((route => <CardDescription key={route}>{route}</ CardDescription>))}