Something

package-lock.json

@@ -6186,9 +6186,9 @@
       "integrity": "sha512-d4sze1JNC454Wdo2fkuyzCr6aHcbL6PGGuFAz0Li/NcOm1tCHGnWDRmJP85dh9IhQErTc2svWFEX5xHIOo//kQ=="
     },
     "handlebars": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.4.2.tgz",
-      "integrity": "sha512-cIv17+GhL8pHHnRJzGu2wwcthL5sb8uDKBHvZ2Dtu5s1YNt0ljbzKbamnc+gr69y7bzwQiBdr5+hOpRd5pnOdg==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.5.1.tgz",
+      "integrity": "sha512-C29UoFzHe9yM61lOsIlCE5/mQVGrnIOrOq7maQl76L7tYPCgC1og0Ajt6uWnX4ZTxBPnjw+CUvawphwCfJgUnA==",
       "requires": {
         "neo-async": "^2.6.0",
         "optimist": "^0.6.1",

src/App.css

@@ -79,11 +79,21 @@
 }
 
 .nav-link{
-  font-size: 30px;
-
+  font-size: 25px;
 }
 
 .navbar-brand{
   padding: 3px;
-  font-size: 40px;
+  font-size: 35px;
+}
+
+.home-wrapper {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: flex-start;
+}
+
+.hometext {
+  padding: 20px;
 }

src/Components/Home.js

@@ -9,8 +9,8 @@ import MultipleGridImages from 'react-multiple-image-grid'
 
 const Home = () => {
     return (
-        <div>
-            <div style={{width: '60%'}}>
+        <div className="home-wrapper">
+            <div className="gridimages" style={{width: '50%'}}>
                 <MultipleGridImages images={[
                 "../Photos/kokous1.jpeg",
                 "../Photos/kolvaus1.jpeg",
@@ -25,6 +25,12 @@ const Home = () => {
                 "../Photos/valkosipulivk2.jpg",
                 "../Photos/valkosipulivk3.jpg"]}/>
             </div>
+            <div className="hometext">
+                <h3>About</h3>
+                <p>
+                    Tekstiä
+                </p>
+            </div>
         </div>
 
     );

src/Components/Navigator2.js

@@ -12,9 +12,9 @@ const Navigator2 = () => {
                 <Navbar.Toggle aria-controls="responsive-navbar-nav" />
                 <Navbar.Collapse id="responsive-navbar-nav">
                     <Nav className="mr-auto">
-                    <Link className="nav-link" to="/">Home</Link>
-                    <Link className="nav-link" to="/system">System Information</Link>
-                    <Link className="nav-link" to="/plants">My Plants</Link>
+                        <Link className="nav-link" to="/">Home</Link>
+                        <Link className="nav-link" to="/system">System Information</Link>
+                        <Link className="nav-link" to="/plants">My Plants</Link>
                     </Nav>
                 </Navbar.Collapse>
             </Navbar>

src/Components/Plants.js

@@ -1,7 +1,7 @@
 import React, {useState, useEffect} from 'react';
 
-const Plants = () => {
 
+const Plants = () => {
 
     // TODO Figure out layout and what information to pull form json
     // Maby add pictures etc.