Flex vs Grid: cuándo usar cada uno

TODO i18n: Traducción completa del cuerpo pendiente. Título y descripción ya están localizados; el cuerpo permanece en portugués por ahora.

Regra prática:

• Flexbox — alinhar e distribuir em um eixo (nav, botões, centralizar).
• Grid — estruturar a página ou um componente em linhas e colunas.

Você pode (e deve) combinar: grid no layout externo, flex nos miolos.

Compare:

• Centralizar com Flexbox
• Galeria com Grid
• Cards responsivos

Se está brigando com margin: auto em cascata, provavelmente é hora de Flex ou Grid.