Last active
December 23, 2024 05:43
-
-
Save shiv19/ef686cd5076de420758b00d4c3c4cf63 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Josh's Custom CSS Reset | |
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; | |
} | |
body { | |
/* 3. Add accessible line-height */ | |
line-height: 1.5; | |
/* 4. Improve text rendering */ | |
-webkit-font-smoothing: antialiased; | |
} | |
/* 5. Improve media defaults */ | |
img, picture, video, canvas, svg { | |
display: block; | |
max-width: 100%; | |
} | |
/* 6. Inherit fonts for form controls */ | |
input, button, textarea, select { | |
font: inherit; | |
} | |
/* 7. Avoid text overflows */ | |
p, h1, h2, h3, h4, h5, h6 { | |
overflow-wrap: break-word; | |
} | |
/* 8. Improve line wrapping */ | |
p { | |
text-wrap: pretty; | |
} | |
h1, h2, h3, h4, h5, h6 { | |
text-wrap: balance; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment