Браузерные стили

Каждый браузер может по своему отрисовывать обычные элементы (например, h1-h6). Это проблема, так как сайт может выглядеть по-разному в разных браузерах. Тут есть три решения:

1. Самостоятельно сбрасывать или переопределять нужные свойства (это часть методологии БЭМ)

2. Использовать reset.css для сброса всех свойств.

3. Использовать normalize.css для привидения всех свойств к одному виду в разных браузерах

Normalize

npm install normalize.css

Добавляем в глобальные стили:

/* styles/globals.css */
@import 'normalize.css';

Подключаем глобальные стили в наше приложение:

import "./globals.css";

...