filifa
/
dairydemon.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add some more explanatory comments

This commit is contained in:
filifa 2024-08-04 21:17:39 -05:00
parent 7061f48bc5
commit 7fdb9140c7
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
styles.css
View File

@ -81,6 +81,8 @@ article {
padding: 20px; padding: 20px;
text-align: justify; text-align: justify;
hyphens: auto; hyphens: auto;
/* about page is janky without this; see
* https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Floats#clearing_boxes_wrapped_around_a_float */
display: flow-root; display: flow-root;
} }
@ -113,12 +115,15 @@ ol ol ol {
} }
@media screen and (min-width: 80ch) { @media screen and (min-width: 80ch) {
/* to avoid zoom issues, grid layout is only used when mid-width is
* large enough */
body { body {
display: grid; display: grid;
place-content: center; place-content: center;
} }
main { main {
/* min-width is set due to zoom issues */
min-width: 100%; min-width: 100%;
display: flex; display: flex;
align-items: start; align-items: start;
@ -131,6 +136,7 @@ ol ol ol {
} }
article { article {
/* width is set for the about page */
width: 80ch; width: 80ch;
max-width: 80ch; max-width: 80ch;
flex: auto; flex: auto;