feat: solve longstanding css problem with the help of chatgpt
This commit is contained in:
parent
51532d1ca1
commit
8ff0e1652b
|
@ -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