DEV: Боковое меню (1)

Flexbox и CSS Grid, что использовать. Обычно говорят, что лучше не или-или, а то и то. Grid часто используют для чего-то крупного, общего макета, а Flex для деталей в нем, блоков мелких.

Сделать можно на всём, но хотелось бы проще. А на данный момент вот такое поведение (выбор бокового меню) необходимо сделать.

Выбор запоминается и применяется глобально. На видео видно, что после того, как меню было убрано, перехожу на страницу добавления поста, там меню нет.

Далее опять восстанавливаю меню и т.д.

Просто есть 2 меката разных (обычный и Q&A), совсем разные страницы с разными колонками, и отедельные разделы (каталог, например), где вообще дизайн другой. И мобильная версия, где поведение с этим меню, должно быть другое.

Специально есть такое разнообразие. Специально сделаны макеты, где шапка разная и колонки гуляют, где есть независимые блоки, которые появляются на разных страницах меня количество колонок. То 3, то 2, то 1 колоночный макет. И колонки то прижаты, или по центру (страница авторизации, 1 колонка, центр). Вот вариант, если сделать всё с таким разнообразием, то значит шаблоны, css гибкие. Везде можно значит.

Сайт этот на первый взгляд достаточно прост, но много деталей. И это хорошая возможность проверить действительно ли универсально css, например.

если будет универсальная система, то использовать далее её можно везде.

И есть ещё одно:

cайт простым должен быть.

А много деталей в шаблонах необходима для удобства использования, т.к. разное поведение подразумевается на разных страницах. Можно сделать, например, одинаковое количество колонок, шапки и подвалы. Единообразно, это просто, но это не то…

И на фоне этого, образовалась интересная задача c выбором: Flexbox или CSS Grid, или и то и то. Смотрю, как лучше.

Что есть сейчас назовем начальной точкой. Так вот, что сделаем, должно быть проще сегодняшнего варианта.

Мы усложняем поведение, но упрощаем код. Задача.

P.S. одновременно видео загрузил на rutube, всё еще обрабатывается, мощностей не хватает, явно.