58 bytes of CSS to look great nearly everywhere

Re:58 bytes of CSS to look great nearly everywhere by swyx on Sunday September 25, 2022 @02:05PM (#32974098)

I wrote my version here last year: https://www.swyx.io/css-100-bytes

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

if you have 100 more to spare:

    h1,h2,h3,h4,h5,h6 {
      margin: 3em 0 1em;
    }

    p,ul,ol {
      margin-bottom: 2em;
      color: #1d1d1d;
      font-family: sans-serif;
    }

explanation in the blogpost

[ Parent | on HN ]

Re:58 bytes of CSS to look great nearly everywhere by curlftpfs on Sunday September 25, 2022 @03:01PM (#32974787)

Element-based selectors, setting the root font-size, mixed units, text color with no background color...I guess the assumption is that you won't add ANY other styling? Big headaches down the road if you do.

[ Parent | on HN ]

Re:58 bytes of CSS to look great nearly everywhere by swyx on Sunday September 25, 2022 @06:02PM (#32976821)

well yeah thats the gimmick with these things, ultra minimalist drop in css. its not like its hard to modify later on

[ Parent | on HN ]