My Custom CSS Reset

Josh W. Comeau shares (and explains) his CSS Reset. /* Josh’s Custom CSS Reset https://www.joshwcomeau.com/css/custom-css-reset/ */ *, *::before, *::after { box-sizing: border-box; } * { margin: 0; } html, body { height: 100%; } body { line-height: 1.5; -webkit-font-smoothing: antialiased; } img, picture, video, canvas, svg { display: block; max-width: 100%; } input, button, textarea, …

Josh W. Comeau shares (and explains) his CSS Reset.

/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
html, body {
  height: 100%;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
input, button, textarea, select {
  font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
#root, #__next {
  isolation: isolate;
}

Great to put this one next to Andy’s CSS Reset and Elad’s Reset (that leverages :where()‘s special Specificity)

My Custom CSS Reset →


Print Share Comment Cite Upload Translate
APA
Bramus! | Sciencx (2024-03-29T09:30:18+00:00) » My Custom CSS Reset. Retrieved from https://www.scien.cx/2021/11/25/my-custom-css-reset/.
MLA
" » My Custom CSS Reset." Bramus! | Sciencx - Thursday November 25, 2021, https://www.scien.cx/2021/11/25/my-custom-css-reset/
HARVARD
Bramus! | Sciencx Thursday November 25, 2021 » My Custom CSS Reset., viewed 2024-03-29T09:30:18+00:00,<https://www.scien.cx/2021/11/25/my-custom-css-reset/>
VANCOUVER
Bramus! | Sciencx - » My Custom CSS Reset. [Internet]. [Accessed 2024-03-29T09:30:18+00:00]. Available from: https://www.scien.cx/2021/11/25/my-custom-css-reset/
CHICAGO
" » My Custom CSS Reset." Bramus! | Sciencx - Accessed 2024-03-29T09:30:18+00:00. https://www.scien.cx/2021/11/25/my-custom-css-reset/
IEEE
" » My Custom CSS Reset." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2021/11/25/my-custom-css-reset/. [Accessed: 2024-03-29T09:30:18+00:00]
rf:citation
» My Custom CSS Reset | Bramus! | Sciencx | https://www.scien.cx/2021/11/25/my-custom-css-reset/ | 2024-03-29T09:30:18+00:00
https://github.com/addpipe/simple-recorderjs-demo