Для современного веб-дизайна важно знать Flexbox и Grid. Float и table layout — устарели. MDN Flexbox и MDN Grid — полное руководство.
Flexbox
Одномерный layout. display: flex, justify-content, align-items, gap. Навигационные меню. Ряды карточек. Выравнивание по центру.
CSS Grid
Двумерный layout. display: grid, grid-template-columns, gap. Сложные макеты страниц. Галереи. Дашборды.
Что использовать?
Простой однострочный layout → Flexbox. Сложный двумерный layout → Grid. Часто лучше использовать оба вместе!
Источник: MDN Flexbox, CSS-Tricks Grid Guide
