Created
January 18, 2024 21:38
-
-
Save devinci-it/a9772e717d2d17c175912a4ce040190e to your computer and use it in GitHub Desktop.
This CSS reset normalizes default styling across HTML elements for improved consistency.
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
| /** | |
| * CSS Reset | |
| * | |
| * This CSS reset normalizes default styling across HTML elements for improved consistency. | |
| * It includes adjustments for box sizing, font size, margins, padding, font weight, and list styles. | |
| * Additionally, it ensures responsive behavior for images. | |
| * Feel free to customize or extend based on specific project requirements. | |
| * | |
| * Reset includes: | |
| * - Box sizing normalization | |
| * - Font size reset to 16px | |
| * - Margin, padding, and font weight reset for specified elements (body, headings, paragraphs, lists) | |
| * - Removal of default list styles for ordered and unordered lists | |
| * - Responsive behavior for images | |
| */ | |
| /* Box Sizing */ | |
| html { | |
| box-sizing: border-box; | |
| font-size: 16px; | |
| } | |
| *, *:before, *:after { | |
| box-sizing: inherit; | |
| } | |
| /* Margin, Padding, and Font */ | |
| body, h1, h2, h3, h4, h5, h6, p, ol, ul { | |
| margin: 0; | |
| padding: 0; | |
| font-weight: normal; | |
| } | |
| /* List Styles */ | |
| ol, ul { | |
| list-style: none; | |
| } | |
| /* Responsive Images */ | |
| img { | |
| max-width: 100%; | |
| height: auto; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment