feat: handle images and also make the site more responsive and

accessible
This commit is contained in:
Kat Inskip 2024-04-07 12:26:22 -07:00
parent 00a25ab364
commit 0fe33b59fd
Signed by: kat
GPG key ID: 465E64DECEA8CF0F
4 changed files with 9 additions and 3 deletions

View file

@ -17,13 +17,18 @@ body
/* Center the container within the viewport */
margin: 0 auto
/* Give the lines an adequate amount of room to breathe. */
line-height: 1.4em
line-height: 1.4
h1, h2, h3
/* More contrast with the headers than the main text */
color: #111
img
/* Make sure that the images do not overflow the body */
max-width: 100%
/* Make sure that the images are not too tall as to be annoying */
max-height: 50ch
/* We want the footer to be like two columns, where the right columns are also right-aligned and the columns grow to share the space sanely. */