Modern CSS Reset

reset.css

/* Makes sizing intuative */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default spacing */
/* Force styling of type through styling, rather than elements */

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

/* Color scheme support */

html {
  color-scheme: dark light;
}

/* Min body height */

body {
  min-height: 100vh;
}

/* Responsive images/videos */

img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}

/* Balanced headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

/* Prevent content from touching and prevent orphans with pretty */

p, li, figcaption {
  /*   Only chromium for now */
  text-wrap: pretty;
  max-width: 65ch;
}

/* Better container queries */

header, footer,
main,
section,
article {
  container-type: inline-size;
}