Как стать автором
Обновить

Комментарии 6

Зачем использовать flexbox, если всё равно пишешь CSS, который делает тоже самое, но без flexbox?
Ждём от вас примеров «того же самого» на css2.
Согласен, Flexbox — прекрасная технология, благодаря которой можно намного более гибко управлять контентом.

Но вот изучать его работу по вашим статьям мне лично как-то трудновато показалось. Я бы посоветовал для тех, кто хочет до конца разобраться в этой технологии, поизучать всего два прекрасных источника:

1. A Complete Guide to Flexbox — https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Все свойства flexbox модели, в картинках, в удобном виде, разбитые на два основных раздела. Постоянно возвращаюсь к этой статье, когда занимаюсь очередной вёрсткой.

2. Solved by Flexbox — https://philipwalton.github.io/solved-by-flexbox/
Набор flexbox-решений типичных задач в вёрстке: создание сетки сайта; стандартная разметка, с шапкой, колонками, контентом и футером; центрирование по вертикали, и так далее. Также очень часто заглядываю на примеры на этой странице и беру оттуда кусочки кода для себя.

Вот благодаря двум этим ресурсам, у меня лично, Flexbox прекрасно уложился в голове, и я теперь все вещи стараюсь верстать на нём) Так как при адаптивной вёрстке это действительно намного более удобно и полезно, чем старые подходы.
Что-то я вспомнил, как в прошлом веке в мой юный мозг вламывалась конструкция table-tr-td с их colspan, rowspan :-)
Еще проще по слайдам Вадима Макеева (видео). Быть может они слегка устарели и не хватает каких-то нюансов, но в целом это самое минималистичное пособие «в картинках» и никакой воды.
Зарегистрируйтесь на Хабре , чтобы оставить комментарий