Update display cols

epiverse-connect · Oct 9, 2024 · 10ed034 · 10ed034
1 parent 46528ec
commit 10ed034
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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>