From 79b0cd3da4ba0cacbd7730036f6b4cd782615bf6 Mon Sep 17 00:00:00 2001
From: Geir Okkenhaug Jerstad <geir@geokkjer.eu>
Date: Wed, 14 Aug 2024 09:44:23 +0200
Subject: [PATCH] grid og flex css

---
 CSS/flex/index.html                            | 11 ++++++-----
 htmx/index.html                                |  0
 oppgave/{index.html => buttonClick.html}       |  0
 prosjekt/index.html                            |  8 ++++++--
 prosjekt/plan.txt                              |  4 ++--
 team/variabler/{index.html => healthMana.html} |  0
 6 files changed, 14 insertions(+), 9 deletions(-)
 create mode 100644 htmx/index.html
 rename oppgave/{index.html => buttonClick.html} (100%)
 rename team/variabler/{index.html => healthMana.html} (100%)

diff --git a/CSS/flex/index.html b/CSS/flex/index.html
index ee22900..7f96077 100644
--- a/CSS/flex/index.html
+++ b/CSS/flex/index.html
@@ -9,13 +9,14 @@
         div.main {
             background-color: transparent;
             border-bottom: none;
-            display: flex;
-            flex-direction: row;
-            flex-wrap: wrap;
+            display: grid;
+            grid-template-columns: 1fr 2fr 1fr;
+            grid-template-rows: 1fr 1fr 1fr;
             align-items: center;
         }
 
         div {
+            flex-grow: 1;
             background-color: lightblue;
             border-bottom: 1px solid black;
         }
@@ -30,7 +31,7 @@
         <div>
             <h2>Verden!</h2>
         </div>
-        <div>Aaaaa aaaa 
+        <div>Aaaaa aaaa<br>
              aaaa aaaa
         </div>
         <div>Bbbbb bbbb bbbb bbbb</div>
@@ -39,7 +40,7 @@
         <div>
             <p>Sint exercitation est duis proident velit duis cupidatat ex aliqua eu.
                 Mollit tempor velit est occaecat laboris mollit dolore laborum id.
-                Sunt dolore mollit ex laboris veniam eu incididunt culpa.</p>
+                Sunt dolore mollit <br> ex laboris veniam eu incididunt culpa.</p>
         </div>
 
         <div>
diff --git a/htmx/index.html b/htmx/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/oppgave/index.html b/oppgave/buttonClick.html
similarity index 100%
rename from oppgave/index.html
rename to oppgave/buttonClick.html
diff --git a/prosjekt/index.html b/prosjekt/index.html
index 544798d..af4132d 100644
--- a/prosjekt/index.html
+++ b/prosjekt/index.html
@@ -13,16 +13,20 @@
                 "sidebar main"
                 "sidebar footer footer";
         }
+
         .item-a {
             grid-area: sidebar;
         }
+
         .item-b {
             grid-area: topbar;
         }
-        .item-c{
+
+        .item-c {
             grid-area: main;
         }
-        .item-d{
+
+        .item-d {
             grid-area: footer;
         }
     </style>
diff --git a/prosjekt/plan.txt b/prosjekt/plan.txt
index c582738..f2ea8e9 100644
--- a/prosjekt/plan.txt
+++ b/prosjekt/plan.txt
@@ -6,6 +6,6 @@ nøkkeltek:
     * incus
     * libvirt
 
-agent - clustering - go
-frontend/web og cli - 
+agent - clustering - go/rust eller guile
+frontend/web og cli - go
 middleware - bash nix guile
diff --git a/team/variabler/index.html b/team/variabler/healthMana.html
similarity index 100%
rename from team/variabler/index.html
rename to team/variabler/healthMana.html