HTML & CSS
Все, что касается верстки и разметки и оформления стилей на сайте.
Шпаргалка по флексбокс (flexbox)
Flexbox - одна из концепций позиционирования блоков и элементов вэб-страницы. Помимо него также существуют способы позиционирования с помощью таблиц (устарело, но все еще используется при верстке email-сообщений в формате html), с помощью свойства float, а также еще более продвинутый grid-layout.
Normalize css
О нормализации css-стилей, то есть о приведении стилей к некоторому начальному состоянию.
Краткий справочник по системе верстки grid layout
Небольшой справочник по использованию новейшей системы верстки grib layout.
Свойство блока margin сдвигает родительский блок
Эффект, когда отступы между двумя элементами не суммируются, а больший вычитается из меньшего, называется схлопыванием.