​​Улучшения для верстки №6.
Другой адаптив. Допустим, чтобы поменять шрифт у заголовка на определенных расширениях, вы создаёте файл на подобие media.scss, затем прописываете все бреикпоинты, которые вы используете в проекте. Обращаетесь к заголовку, даже если вы работаете по БЭМу, порой вложенность бывает очень большой. И только потом изменяете ему шрифт. Звучит сложно, правда?

А если я вам скажу, что можно прописывать медиа запросы прямо в стилях заголовка, но вы тут же возразите мол: «Медиа запросы разбросанные по разным файлам влияют на производительность сайта» и тут я с вами соглашусь, но есть одно но — gulp, а точнее его пакет gulp-group-css-media-queries. Этот пакет объединяет все медиа запросы в единый файл и подключает его в самый конец scss кода. Если вы ещё не знаете, что такое gulp, то можете посмотреть это видео, там же и есть подробное применение этого пакета