Questão de Tecnologia da Informação · FGV TCE-PA 2024 (nº 83)

Para transformar um elemento em um contêiner flexível (flex container), você precisa definir como ele se comporta visualmente na página, e a propriedade responsável por isso é display.

• (A) Incorreta: flex-wrap é uma propriedade do flex container que determina se os itens devem quebrar a linha ou permanecer em uma única linha, mas não cria o contêiner flexível.
• (B) Correta: A propriedade display é usada para definir o tipo de exibição de um elemento. Para criar um contêiner flexível, você define display: flex; (bloco) ou display: inline-flex; (em linha).
• (C) Incorreta: container não é uma propriedade CSS padrão para criar um contêiner flexível. (Existe container-type e container-name para Container Queries, mas não para Flexbox).
• (D) Incorreta: flex-flow é uma propriedade abreviada que combina flex-direction e flex-wrap. Ela controla o fluxo dos itens dentro de um flex container já existente, mas não é a propriedade que o cria. Armadilha: É um distrator tentador porque tem "flex" no nome e se aplica ao contêiner, mas não é a propriedade que inicia o modo flex.
• (E) Incorreta: flex-basis é uma propriedade aplicada aos itens flexíveis (flex items) para definir seu tamanho inicial, e não ao contêiner para criá-lo.