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)
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/
HARVARDBramus! | 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/>
VANCOUVERBramus! | 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