Flexbox – Propriedade display: flex
Gabarito: letra A. Para criar um contêiner flexível em CSS, a propriedade correta é display com o valor flex. Essa sintaxe segue a especificação CSS3, e qualquer outra forma (como flexbox, flex-box ou a propriedade layout) não é válida.
Um contêiner flexível é definido aplicando display: flex (ou display: inline-flex) ao elemento pai, permitindo que seus filhos se comportem de acordo com o modelo Flexbox.
Alternativa A — ✅ Correta ⟵ GABARITO
A sintaxe correta é display: flex. O valor flex é reconhecido pela especificação CSS para ativar o layout Flexbox.
Alternativa B — ❌ Incorreta
display: flexbox não é um valor CSS válido. O nome "flexbox" refere-se ao modelo de layout, mas o valor da propriedade display é simplesmente flex.
Alternativa C — ❌ Incorreta
display: flex-box também não é válido. A forma correta não contém hífen entre "flex" e "box".
Alternativa D — ❌ Incorreta
layout: flexbox utiliza uma propriedade que não existe no CSS (layout). A propriedade que controla o tipo de contêiner é display.
Alternativa E — ❌ Incorreta
layout: flex-box também usa a propriedade layout, que não existe, e o valor incorreto flex-box. A única maneira correta é display: flex.