Какие знаешь способы создания сетки layout

**Flexbox** – простой и гибкий способ для одномерных раскладок (строка или столбец). ```css .container { display: flex; gap: 10px; } ``` **CSS Grid** – мощный инструмент для двумерных сеток. ```css .container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } ``` **Float** – устаревший, но иногда встречается в legacy-коде. ```css .item { float: left; width: 33%; } ``` **Table layout** – семантически некорректный, но работает. ```css .container { display: table; } .item { display: table-cell; } ``` **Inline-block** – альтернатива float, но с пробелами между элементами. ```css .item { display: inline-block; width: 30%; } ``` **Фреймворки** (Bootstrap, Tailwind) – готовые классы для сеток. ```html ``` Выбор зависит от задачи: Grid для сложных макетов, Flexbox для компонентов, фреймворки для быстрой разработки.