Sistemas de Grids CSS

Qual sistema de grid usar: Flex, Float ou Grid Template?
A resposta é: todos eles.
Cada um é mais adequado para diferentes ocasiões ou necessidades.

Flex:

O sistema Flex é ideal quando você precisa trabalhar em uma única dimensão, seja ela vertical ou horizontal. Ele ajusta automaticamente a altura dos elementos na mesma linha para coincidir com a altura da coluna mais alta.

Float:

O sistema Float é útil quando você precisa de algo mais tradicional e quando não é possível permitir que um elemento herde automaticamente a altura da coluna mais alta. Neste caso, ele ainda é a escolha mais apropriada.

Grid Template:

O Grid Template, ou Grid Layout, como o próprio nome sugere, é mais apropriado para criar layouts complexos de páginas, oferecendo um alto grau de controle sobre o posicionamento dos elementos.

Além dessas opções mencionadas, existem outros métodos para criar um sistema de "grid", como o uso de display: inline-block, tabelas, entre outros. A escolha do sistema depende do seu projeto específico e das metas de design que você pretende alcançar.