Alternativa A - Criam sistemas de grids invisíveis que trabalham linha e coluna simultaneamente.
Análise Detalhada
A questão pede para identificar a afirmação incorreta sobre os layouts Flexbox e CSS Grid. Vamos analisar o comportamento de cada tecnologia para entender por que esta é a resposta certa:
- CSS Grid (Bidimensional): O Grid foi projetado especificamente para funcionar em duas dimensões ao mesmo tempo. Você define linhas e colunas explicitamente e os itens podem ocupar qualquer interseção delas. Ele cria, de fato, um grid invisível onde a lógica de linha e coluna ocorre simultaneamente.
- Flexbox (Unidimensional): O Flexbox foca em uma dimensão por vez. Um container flexível pode organizar seus itens em uma única linha (horizontal) OU em uma única coluna (vertical). Mesmo que você use
flex-wrap para quebrar linhas, o cálculo principal é linear (ao longo do eixo principal). Não existe no Flexbox uma definição nativa de "coluna" independente da "linha" como no Grid.
Portanto, dizer que ambos trabalham linha e coluna simultaneamente é uma generalização errônea que ignora a natureza unidimensional do Flexbox.
Por que as outras estão corretas?
- "Hoje são a recomendação para construção de layouts responsivos.": Correto. Substituíram métodos antigos como
float e position: absolute. - "As duas técnicas podem trabalhar em conjunto.": Correto. Uma prática comum é usar o Grid para a estrutura geral da página (macro-layout) e o Flexbox para alinhar itens dentro das células (micro-layout).
- "São estruturas CSS que trabalham contenção de elementos...": Correto. Ambas gerenciam o espaço disponível, o tamanho dos itens e seu alinhamento (justificação e distribuição).