## Tarefa
Complete a estrutura HTML fornecida preenchendo as classes Tailwind CSS ausentes de acordo com os requisitos de espaçamento indicados.
- **Primeira div**: Aplicar uma margem de 2rem (32px) em todos os lados e padding de 1rem (16px) em todos os lados;
- **Segunda div**: Aplicar uma margem superior de 1rem (16px) e margem inferior de 2rem (32px). Aplicar padding de 0.5rem (8px) em todos os lados;
- **Terceira div**: Aplicar uma margem direita de 1.5rem (24px) e margem esquerda de 0.75rem (12px). Aplicar padding de 1.5rem (24px) em todos os lados.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+Q2hhbGxlbmdlOiBTcGFjaW5nIFV0aWxpdGllcyAtIFRhc2s8L3RpdGxlPgogICAgPHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLnRhaWx3aW5kY3NzLmNvbSI+PC9zY3JpcHQ+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGRpdiBjbGFzcz0iX19fX18gX19fX18gYmctb3JhbmdlLTQwMCI+TWFyZ2luIGFuZCBQYWRkaW5nIG9uIGFsbCBzaWRlczwvZGl2PgogICAgPGRpdiBjbGFzcz0iX19fX18gX19fX18gX19fX18gYmctb3JhbmdlLTUwMCI+CiAgICAgIFRvcCBhbmQgYm90dG9tIG1hcmdpbiwgcGFkZGluZyBvbiBhbGwgc2lkZXMKICAgIDwvZGl2PgogICAgPGRpdiBjbGFzcz0iX19fX18gX19fX18gX19fX18gYmctb3JhbmdlLTYwMCI+CiAgICAgIFJpZ2h0IGFuZCBsZWZ0IG1hcmdpbiwgcGFkZGluZyBvbiBhbGwgc2lkZXMKICAgIDwvZGl2PgogIDwvYm9keT4KPC9odG1sPg==

1. Para o primeiro `div`, utilize `m-8` para margem e `p-4` para preenchimento.
2. Para o segundo `div`, utilize `mt-4 mb-8` para margem e `p-2` para preenchimento.
3. Para o terceiro `div`, utilize `mr-6 ml-3` para margem e `p-6` para preenchimento.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+Q2hhbGxlbmdlOiBTcGFjaW5nIFV0aWxpdGllcyAtIFNvbHV0aW9uPC90aXRsZT4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi50YWlsd2luZGNzcy5jb20iPjwvc2NyaXB0PgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYgY2xhc3M9Im0tOCBwLTQgYmctb3JhbmdlLTQwMCI+CiAgICAgIE1hcmdpbiBhbmQgUGFkZGluZyBvbiBhbGwgc2lkZXMKICAgIDwvZGl2PgogICAgPGRpdiBjbGFzcz0ibXQtNCBtYi04IHAtMiBiZy1vcmFuZ2UtNTAwIj4KICAgICAgVG9wIGFuZCBib3R0b20gbWFyZ2luLCBwYWRkaW5nIG9uIGFsbCBzaWRlcwogICAgPC9kaXY+CiAgICA8ZGl2IGNsYXNzPSJtci02IG1sLTMgcC02IGJnLW9yYW5nZS02MDAiPgogICAgICBSaWdodCBhbmQgbGVmdCBtYXJnaW4sIHBhZGRpbmcgb24gYWxsIHNpZGVzCiAgICA8L2Rpdj4KICA8L2JvZHk+CjwvaHRtbD4=

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: Dominar Utilitários de Espaçamento

Tarefa

Awesome!

Desafio: Dominar Utilitários de Espaçamento

Tarefa