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

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

1. Самостоятельно сбрасывать или переопределять нужные свойства (это часть методологии БЭМ)
2. Использовать [reset.css](https://meyerweb.com/eric/tools/css/reset/) для сброса всех свойств.
3. Использовать [normalize.css](https://necolas.github.io/normalize.css/) для привидения всех свойств к одному виду в разных браузерах

## Normalize

```
npm install normalize.css
```

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

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

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

```typescript
import "./globals.css";

...
```
