Display Flex e Flex Container

Para começar, é crucial entender o que é um “Flex Container” e como ele funciona.

Um elemento HTML pode se tornar um Flex Container quando a propriedade display é definida como flex em seu CSS.

Ao fazer isso, o elemento se torna o “contêiner” que organiza seus filhos em um layout flexível.

Por exemplo, considere o seguinte código CSS:

.container {
  display: flex;
}

Aqui, definimos a classe .container como um Flex Container. Isso significa que todos os elementos que são descendentes diretos de .container serão considerados “Flex Items.”

Compartilhar

Compartilhar

Siga-me