My Custom CSS Reset

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

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 →

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

Print Share Comment Cite Upload Translate Updates

APA

Bramus! | Sciencx (2021-11-25T15:36:07+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 ,<https://www.scien.cx/2021/11/25/my-custom-css-reset/>

VANCOUVER

Bramus! | Sciencx - » My Custom CSS Reset. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/25/my-custom-css-reset/

CHICAGO

" » My Custom CSS Reset." Bramus! | Sciencx - Accessed . 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: ]

rf:citation

» My Custom CSS Reset | Bramus! | Sciencx | https://www.scien.cx/2021/11/25/my-custom-css-reset/ |

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.