TL;DR
html {
max-width: 70ch;
padding: 3em 1em;
margin: auto;
line-height: 1.75;
font-size: 1.25em;
}
Enter fullscre...
For further actions, you may consider blocking this person and/or reporting abuse
A major criticism of the "limited width" design (Medium, Substack etc.) are that some people are annoyed that it is a waste of space. A more innovative idea would be to have two parallel columns that allows one to waste less space whilst scrolling, similar to old newspapers. However it seemed that nobody has executed the ideas yet.
if you can find simple pure css solutions for two-column layouts that dont suck i'd be happy to help you publicize it
Would this be good enough for you?
developer.mozilla.org/en-US/docs/W...
And, if you require more control over layout, Grid is always an option
yeah i think that looks good statically but is not a good experience for arbitrarily long documents
If you donβt mind swearing (a lot of it) there is a series of websites people have built with minimal styling and design to highlight how people overcomplicate websites and how minimal styling is all that is needed to make a website usable (exactly the point of this article, so I am bound to β€οΈπ¦ it!)
My entry is within this article, along with the previous ones that other people have built.
Perhaps you could see if you can make any improvements and join the fight! π€£
This is clean and simple, I like it a lot.
Have you considered using
:root
instead ofhtml
? It can cover more edge cases.you know ive never used :root before! sounds cool. what kind of edge cases?
Such as a document that doesn't have an <html>, for example.
lol. dev.to commented out my html
This version varies from the version on swyx.io, for what it's worth. (The top and bottom margins on the headings are reversed on swyx.io, which I came here to protest to find that they'd been flipped here.) :)
thanks yeah the swyx.io is a static site that builds once a day... the changes will be reflected soon. i use devto as a headless cms. thanks for caring enough to complain!
Might actually use this in my redesign π
Great one. It would help me save some time
You may check this one: This Website Uses Only 109 Bytes Of CSS & Looks Great On All Devices