A code snippet for making CSS resets – A HTML and CSS code snippet

A code snippet for making CSS resets. The code utilizes html, body, small, pre, code, kbd. Sourced under a permissive license. Sourced under a permissive license.

A code snippet for making CSS resets – A HTML and CSS code snippet

html {
  max-width: 70ch;
  margin: auto;
  padding: 3em 1em;
  font-family: system-ui, 'Segoe UI', Roboto, Cantarell,
    'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  line-height: 1.75;
}

body {
  margin: 0;
}

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

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

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

pre, code, kbd {
  font-family: monospace, monospace;
  font-size: 1em;
}

Tags: CSS, HTML, CSS, CSS code snippet, html code snippet, css html, css body, css small, css pre, css code, css kbd

Image: Unsplash license

CC BY 4.0 added intro and tags – 30 Seconds of Code