Float — устаревший метод раскладки, сейчас используется только для обтекания текстом картинок. Flexbox — для одномерных раскладок: навигация, карточки в ряд, выравнивание элементов. Grid — для двумерных: сложные макеты страниц с колонками и строками. Flex проще для простых случаев, Grid мощнее для сложных. Можно комбинировать: Grid для общего макета страницы, Flex для внутренней раскладки компонентов. Float в новых проектах использовать не нужно.

Float vs Flexbox vs Grid — когда что?