Desafio das bandeiras
Descrição:
Construção de bandeiras usando CSS Box Model e Flexbox Neste exercício prático, você irá construir bandeiras de diferentes países usando as técnicas do CSS Box Model e Flexbox.
Nível iniciante: Construa as seguintes bandeiras:
- Bandeira da Itália
- Bandeira da Ucrânia
- Bandeira da Alemanha
Nível intermediário: Construa as seguintes bandeiras:
- Bandeira do Botswana
- Bandeira do Benin
- Bandeira da Finlândia
Você pode usar qualquer imagem ou cor de fundo que desejar, desde que o layout e as proporções das bandeiras estejam corretas. Certifique-se de que o CSS Box Model e o Flexbox sejam utilizados para construir as bandeiras.
Nível avançado: Construa as seguintes bandeiras:
- Bandeira da Tailândia
- Bandeira da Noruega
- Bandeira do Brasil
Para este nível, você deve prestar atenção especial aos detalhes e proporções da bandeira, bem como à sua estrutura e hierarquia visual. Use o CSS Box Model e o Flexbox para construir as bandeiras e certifique-se de que elas sejam fiéis às suas contrapartes reais.
Boa sorte e divirta-se construindo as bandeiras! Lembre-se de que a prática é a chave para aprimorar suas habilidades em CSS Box Model e Flexbox.
Dicas:
- A maneira mais fácil de construir essas bandeiras é usando o flexbox, apesar de algumas delas poderem ser construídas usando elementos flutuantes.
- Não esqueça de definir uma altura fixa para o contêiner flex.
Gostou? Não esqueça de avaliar o exercício: