I think it’s not horrible looking but still feels so basic. It seems to work fine on my mobile device and I tried to keep the code tidy. Any feedback and suggestions for improvement is much appreciated. Thank you.
The design is very good but the layout, I would prefer not to be reading text all across the page.
There is a reason magazines / newspapers have multiple columns of text.
Try to increase the margins around the text.
Agree with @JohnnyBizzel to make the width of the text smaller, quite hard to read through the full width. As a sidenote; for good readability it is suggested to have approx. 50-75 characters per line including spaces.
Else I like your page, simple and clean.
PS: As per codepen setup, you should put the <head> section into the codepen settings, instead of the HTML section. And just put the <body> parts in there…
*Rewrote the Wikipedia link so it better describes the link (I hope).
*Gave p elements a margin left and right of 2.5em.
*Increased font-size to 1.2em.
*Removed section from html on codepen.
I’m still not sure I’ve appropriately addressed my page’s readability issues. Seems the line length is ok on mobile but does exceed 75 characters on laptops. Increasing the font to 1.5em gets the line within the correct character range but it seems huge to me. Further feedback is most welcome.