100 Bytes of CSS to look great everywhere

Written by / Original link on Oct. 25, 2021


Interesting little CSS snippet by Shawn Wang.

This should be simple drop-in css to look good on most displays

html {
  max-width: 70ch;
  padding: 3em 1em;
  margin: auto;
  line-height: 1.75;
  font-size: 1.25em;

I have used (a slightly tweaked version of) this snippet in the test included in the post on Media Query Range Contexts and it works wonderfully well I must say, especially when the page is fullscreen. On larger screens I even tend to go for a a font-size of 1.5em.

100 Bytes of CSS to look great everywhere →

bram tutorialzine link bram

« Jetson ONE — Personal Electric Aerial Vehicle - — Remove objects, people, text and defects from any picture »