Breaking News: Grepper is joining You.com. Read the official announcement!

josh comeau css reset

Daniel Trindade answered on June 23, 2022 Popularity 7/10 Helpfulness 8/10

answer josh comeau css reset

related css reset recommended by josh comeau

josh comeau css reset

Comment

/* source: https://www.joshwcomeau.com/css/custom-css-reset/ */
/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box;
}
/*
  2. Remove default margin
*/
* {
  margin: 0;
}
/*
  3. Allow percentage-based heights in the application
*/
html, body {
  height: 100%;
}
/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
/*
  6. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
/*
  7. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit;
}
/*
  8. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
/*
  9. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}

Popularity 7/10 Helpfulness 8/10 Language css

Source: www.joshwcomeau.com

Tags: css css-reset

Link to this answer
Share Copy Link

Contributed on Jun 23 2022

Daniel Trindade

0 Answers Avg Quality 2/10

Closely Related Answers

css reset recommended by josh comeau

Comment

CSS
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
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;
}

Popularity 3/10 Helpfulness 1/10 Language css

Source: www.joshwcomeau.com

Tags: css-reset css

Link to this answer
Share Copy Link

Contributed on Dec 17 2023

Silly Skunk

0 Answers Avg Quality 2/10

josh comeau css reset

Contents

More Related Answers

josh comeau css reset

Closely Related Answers

css reset recommended by josh comeau

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.