Шаблон HTML с несколькими колонками одинаковой высоты, реализованных на CSS называют Святым Граалем верстки веб-страниц. Боковые колонки и контент должны иметь одинаковую высоту, а также хедер и футер должны адекватно взаимодействовать с другими элементами – всё это имеет множество реализаций, со своими достоинствами и недостатками. Поэтому поиск оптимального решения среди огромного множества вариантов часто ассоциируют с поиском неуловимого Святого Грааля. Одним из оптимальных решений для верстки двух, трех и более колоночных шаблонов является использование Flexbox.
Данные шаблон реализует следующие возможности Flexbox:
- Начальную адаптивность под разные разрешения экранов
- Меню с оптимальным размещением элементов
- Отзывчивый двух колоночный шаблон, который с минимальными дополнениями можно сделать трех колоночным
- Наглядный выбор размещения бокового меню
- Показ и скрытие боковой панели
- Анимация контента
- Автоматическая высота элементов и рядов их содержащих, в зависимости от контента