From d8aae939c0e991dba7e3a37bf344cf26bfc9e9f7 Mon Sep 17 00:00:00 2001
From: Maciej Kotowski <makoteq@gmail.com>
Date: Sat, 2 Oct 2021 11:37:04 +0200
Subject: [PATCH] basic layout

---
 src/App.js          | 21 +++++++++------------
 src/App.module.scss | 12 ++++++++++++
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/App.js b/src/App.js
index f6097ee..91bcf32 100644
--- a/src/App.js
+++ b/src/App.js
@@ -5,21 +5,12 @@ import {
     Route,
     Link
   } from "react-router-dom";
-  import Card from 'react-bootstrap/Card'
+  import Stack from 'react-bootstrap/Stack'
+  import Container from 'react-bootstrap/Container'
   export default function App() {
     return (
       <Router>
         <div>
-        <Card style={{ width: '18rem' }}>
-  <Card.Body>
-    <Card.Title>Card Title</Card.Title>
-    <Card.Text>
-      Some quick example text to build on the card title and make up the bulk of
-      the card's content.
-    </Card.Text>
-
-  </Card.Body>
-</Card>
           {/* A <Switch> looks through its children <Route>s and
               renders the first one that matches the current URL. */}
           <Switch>
@@ -39,7 +30,13 @@ import {
   }
   
   function Home() {
-    return <h2>Home</h2>;
+    return (
+    <div className={styles.con}>      <Stack gap={1}>
+      <div className={styles.item}>First item</div>
+      <div className={styles.item}>Second item</div>
+      <div className={styles.item}>Third item</div>
+    </Stack></div>
+    );
   }
   
   function About() {
diff --git a/src/App.module.scss b/src/App.module.scss
index e69de29..9ba24ea 100644
--- a/src/App.module.scss
+++ b/src/App.module.scss
@@ -0,0 +1,12 @@
+.item{
+   border:1px solid black;
+   width:70vw;
+   max-width:500px;
+   margin:0 auto;
+}
+.con{
+   text-align: center;
+    width:90%;
+    margin:0 auto;
+    
+}
\ No newline at end of file