Improve CSS spacing and font

This commit is contained in:
Ella Dunbar 2025-10-27 18:44:18 -05:00
parent 46bd0000ee
commit 5f6c4fa6e4

View file

@ -5,9 +5,9 @@
box-sizing: border-box;
}
/* * { */
/* margin: 0; */
/* } */
* {
margin: 0;
}
@media (prefers-reduced-motion: no-preference) {
html {
@ -68,11 +68,18 @@ h6 {
color-scheme: light dark;
--text: light-dark(#000000, #FFFFFF);
--bg: light-dark(#FFFFFF, #000000);
font-family: sans-serif;
}
/* https://smolweb.org/subset.html */
/* structural */
body {
margin: 0 auto;
max-width: max(768px, 100ch);
}
html {
/* respect user font choices */
font-size: 100%;
@ -81,11 +88,24 @@ html {
/* semantic */
header strong {
margin: 0.5rem;
font-size: 1.6rem;
}
footer {
font-size: 0.9rem;
p {
margin: 0.5rem;
}
}
main {
margin: 1rem;
}
nav {
margin: 0.5rem;
}
@ -102,6 +122,10 @@ h3 {
font-size: 1.2rem;
}
p {
margin: 1rem 0;
}
/* hypertextual */
/* listing */
/* forms */