feat: solve longstanding css problem with the help of chatgpt
This commit is contained in:
parent
51532d1ca1
commit
8ff0e1652b
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user