Reset & normalize for CSS

Introduction

Every browser applies its own default styles to HTML elements. This means your site can look different in Chrome, Firefox, Safari, and Edge. There are two main strategies to deal with this: a CSS reset strips all default styles, while normalize.css preserves useful defaults and fixes common inconsistencies. The recommended modern approach is to use normalize.css.

Normalize installation

npm install normalize.css

import "normalize.css";

Summary

• CSS reset removes all default browser styles, giving you a blank slate. While this ensures consistency, it forces you to restyle every element from scratch, which can be tedious.
• normalize.css takes a different approach by preserving useful default styles while fixing known inconsistencies across browsers. It is less aggressive and more practical for most projects.
• normalize.css is a small, well-maintained library that is widely used in production. It is the recommended approach over a full CSS reset.
• After installing via npm, simply import it at the top of your entry file to apply the normalizations globally across your application.