## Tarefa
Complete a estrutura HTML fornecida preenchendo as classes Tailwind CSS ausentes de acordo com os requisitos de layout.
- **Div pai**: Definir o display como flex e organizar os itens em coluna;
- **Divs filhas**: Centralizar os itens horizontal e verticalmente dentro do contêiner.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+Q2hhbGxlbmdlOiBGbGV4Ym94IFV0aWxpdGllcyAtIFRhc2s8L3RpdGxlPgogICAgPHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLnRhaWx3aW5kY3NzLmNvbSI+PC9zY3JpcHQ+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGRpdgogICAgICBjbGFzcz0iX19fX18gX19fX18gX19fX18gX19fX18gYmctcmVkLTEwMCIKICAgICAgc3R5bGU9ImhlaWdodDogMjAwcHgiCiAgICA+CiAgICAgIDxkaXYgY2xhc3M9InAtNCBiZy1ibHVlLTUwMCI+SXRlbSAxPC9kaXY+CiAgICAgIDxkaXYgY2xhc3M9InAtNCBiZy1ncmVlbi01MDAiPkl0ZW0gMjwvZGl2PgogICAgPC9kaXY+CiAgPC9ib2R5Pgo8L2h0bWw+

Para o `div` pai,
- Utilize `flex` para definir um elemento com layout Flexbox;
- Utilize `flex-col` para posicionar os itens em coluna;
- Utilize `items-center` para alinhar os itens ao centro;
- Utilize `justify-center` para centralizar os itens horizontalmente.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+Q2hhbGxlbmdlOiBGbGV4Ym94IFV0aWxpdGllcyAtIFNvbHV0aW9uPC90aXRsZT4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi50YWlsd2luZGNzcy5jb20iPjwvc2NyaXB0PgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYKICAgICAgY2xhc3M9ImZsZXggZmxleC1jb2wgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGJnLXJlZC0xMDAiCiAgICAgIHN0eWxlPSJoZWlnaHQ6IDIwMHB4IgogICAgPgogICAgICA8ZGl2IGNsYXNzPSJwLTQgYmctYmx1ZS01MDAiPkl0ZW0gMTwvZGl2PgogICAgICA8ZGl2IGNsYXNzPSJwLTQgYmctZ3JlZW4tNTAwIj5JdGVtIDI8L2Rpdj4KICAgIDwvZGl2PgogIDwvYm9keT4KPC9odG1sPg==

Aprenda a estilizar sites de forma eficiente utilizando Tailwind CSS, um framework utility-first para desenvolvimento rápido de interfaces. Descubra como configurar o Tailwind e aplicar classes utilitárias para cores, tipografia, bordas e sombras. Construa e estilize componentes essenciais como botões, cartões e formulários. Domine técnicas de layout utilizando espaçamento, flexbox e utilitários de grid. Crie designs responsivos e personalize o Tailwind conforme as necessidades do seu projeto.

Conheça o Tailwind CSS, um framework utility-first reconhecido por sua flexibilidade e eficiência na estilização web. Descubra os principais benefícios e a filosofia utility-first. Além disso, explore os métodos simples de instalação utilizando CDN ou npm/yarn.

Descubra os elementos fundamentais do Tailwind CSS, incluindo a compreensão das classes utilitárias e sua aplicação em elementos HTML. Explore técnicas essenciais de estilização, como definição de cores, bordas, sombras e utilitários de tipografia.

Aprofunde-se em aplicações práticas com foco na criação e estilização de Botões, Formulários e Cartões. Por meio de desafios práticos, você dominará a construção desses componentes essenciais de UI, aprimorando suas habilidades com exemplos do mundo real.

Explore as utilidades essenciais de espaçamento do Tailwind CSS, abordando como aplicar margens e preenchimentos aos seus elementos. Você também aprenderá a utilizar utilidades de flexbox para controlar o layout com configurações de display, direção do flex e alinhamento horizontal e vertical. Além disso, você irá aprofundar-se nas utilidades de grid para criar layouts de grade simples, porém poderosos, dominando a configuração de containers e itens de grid.

Descubra como personalizar o Tailwind CSS para atender aos requisitos de design do seu projeto e criar layouts adaptáveis para diversos dispositivos.

Desafio: Flexbox em Ação

Tarefa

Awesome!

Desafio: Flexbox em Ação

Tarefa