From 10ed034bab44fea3d5b5435a6c736d1f3a2bb1f3 Mon Sep 17 00:00:00 2001
From: Chris Hartgerink <chris@libscie.org>
Date: Wed, 9 Oct 2024 15:52:47 +0200
Subject: [PATCH] Update display cols

---
 src/App.tsx  | 6 +++---
 src/Grid.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index aa0db50..b6858db 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,9 +2,9 @@ import Grid from './Grid';
 
 function App() {
   return (
-    <div className="App">
-      <header className="App-header">
-    
+    <div className="md:flex flex-col min-h-screen">
+      <header className="grow-0 items-center text-center">
+        <h1>Find your next epidemiology tools</h1>
       </header>
       <Grid first={<div>Column/Row 1</div>} second={<div>Column/Row 2</div>} />
     </div>
diff --git a/src/Grid.tsx b/src/Grid.tsx
index 918850a..0dc0bf5 100644
--- a/src/Grid.tsx
+++ b/src/Grid.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 const ResponsiveGrid = ({first, second}: any) => {
   return (
-    <div className="grid grid-cols-1 md:grid-cols-2 gap-4 min-h-screen">
+    <div className="grid grid-cols-1 md:grid-cols-2 gap-4 grow">
       <div className="bg-blue-500 p-4">{first}</div>
       <div className="bg-green-500 p-4">{second}</div>
     </div>