I plan to dig in deeper, but this looks like a great introduction to building websites.
I teach a one semester high school Web Design class and currently use a mixture of lessons from these two for learning the basics of making pages by hand with HTML and CSS:
I have to say, for me, https://internetingishard.netlify.app has uncomfortably pale body text.
It is #5d6063 on an #fdfdfe background where I sampled it.
(The background is `linear-gradient(0deg,#f9fafb 0,#fff)`.)
The serif typeface looks too thin on a low-res display.
I think that if you want to lower the contrast of a dark-on-light page—well, first, don't lower it too much [1],
but second, it is better to make the background darker than the text lighter.
Avoid thin faded text.
https://paste.dbohdan.com/internetingishard.netlify.app.1728...
I think that if you want to lower the contrast of a dark-on-light page—well, first, don't lower it too much [1], but second, it is better to make the background darker than the text lighter. Avoid thin faded text.
Here is a minimal edit to the page:
https://paste.dbohdan.com/internetingishard.netlify.app-edit...
This is #333 on an #f9f9f9 background (without the gradient to simplify things and with no change to the headings). I find it more pleasant to read.
[1] https://contrastrebellion.com/