feat: solve longstanding css problem with the help of chatgpt

This commit is contained in:
Nuno Sempere 2023-06-17 05:13:12 +00:00
parent 51532d1ca1
commit 8ff0e1652b

View File

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