100 Bytes of CSS to look great everywhere

This content originally appeared on Bram.us and was authored by Bramus!

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 →

This content originally appeared on Bram.us and was authored by Bramus!

Print Share Comment Cite Upload Translate Updates

APA

Bramus! | Sciencx (2021-10-25T22:55:44+00:00) 100 Bytes of CSS to look great everywhere. Retrieved from https://www.scien.cx/2021/10/25/100-bytes-of-css-to-look-great-everywhere-2/

MLA

" » 100 Bytes of CSS to look great everywhere." Bramus! | Sciencx - Monday October 25, 2021, https://www.scien.cx/2021/10/25/100-bytes-of-css-to-look-great-everywhere-2/

HARVARD

Bramus! | Sciencx Monday October 25, 2021 » 100 Bytes of CSS to look great everywhere., viewed ,<https://www.scien.cx/2021/10/25/100-bytes-of-css-to-look-great-everywhere-2/>

VANCOUVER

Bramus! | Sciencx - » 100 Bytes of CSS to look great everywhere. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/25/100-bytes-of-css-to-look-great-everywhere-2/

CHICAGO

" » 100 Bytes of CSS to look great everywhere." Bramus! | Sciencx - Accessed . https://www.scien.cx/2021/10/25/100-bytes-of-css-to-look-great-everywhere-2/

IEEE

" » 100 Bytes of CSS to look great everywhere." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2021/10/25/100-bytes-of-css-to-look-great-everywhere-2/. [Accessed: ]

rf:citation

» 100 Bytes of CSS to look great everywhere | Bramus! | Sciencx | https://www.scien.cx/2021/10/25/100-bytes-of-css-to-look-great-everywhere-2/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.