Полное визуальное руководство-шпаргалка по Flexbox и Grid + туториал

Доброго времени суток, друзья!

Представляю вашему вниманию полное визуальное руководство-шпаргалку по всем свойствам CSS-модулей Flexbox и Grid.

Основные источники: A Complete Guide to Flexbox, A Complete Guide to Grid.

В конце статьи вас ждет небольшой туториал по созданию тренажера по Flexbox.

Без дальнейших предисловий.



Оглавление

Flexbox

Терминология

Свойства флекс-контейнера

Свойства флекс-элементов

Примеры

Полезные ресурсы




Grid

Терминология

Пример

Свойства грид-контейнера

Свойства грид-элементов

Полезные ресурсы




Туториал





Читать дальше →

Источник: Уроки CSS на Хабрахабре