werc-1.5.0-tweaks

commit 8ff0e1652bfa2287f98a48ba77f5308a082c9e2c
parent 51532d1ca114b95c310267435742b53f1a2139c1
Author: Nuno Sempere <nuno.semperelh@protonmail.com>
Date:   Sat, 17 Jun 2023 05:13:12 +0000

feat: solve longstanding css problem with the help of chatgpt

Diffstat:
M
pub/style/style.css
 | 
13
++++++++++++-

1 file changed, 12 insertions(+), 1 deletion(-)
diff --git a/pub/style/style.css b/pub/style/style.css
@@ -21,7 +21,7 @@
 
 body {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: wrap; 
   font-family: serif; 
   /* font-family: 'Source Serif Pro', serif; */
   font-size: 1.5em;
@@ -90,6 +90,13 @@ nav a:hover {
   background-color: #ddd;
 }
 
+nav {
+  display: flex;
+  flex-basis: 20%;
+  max-width: 20%;
+  min-width: 20%;
+}
+
 nav ul {
   display: flex;
   flex-direction: column;
@@ -113,6 +120,8 @@ nav li a {
 article{
   padding: 0.3em 0 0 0;
   flex-basis: 70%;
+  max-width: 70%;
+  min-width: 70%;
   padding-left: 1em;
   color: #333;
 }
@@ -259,6 +268,8 @@ th {
   }
   article {
     flex-basis: 100%;
+    max-width: 100%;
+    min-width: 100%;
     padding: 5px;
   }
   header h1 {