Challenge: Mastering Spacing Utilities
Task
Complete the provided HTML structure by filling in the missing Tailwind CSS classes according to the given spacing requirements.
- First div: Apply a margin of 2rem (32px) on all sides and padding of 1rem (16px) on all sides;
- Second div: Apply a top margin of 1rem (16px) and bottom margin of 2rem (32px). Apply padding of 0.5rem (8px) on all sides;
- Third div: Apply a right margin of 1.5rem (24px) and left margin of 0.75rem (12px). Apply padding of 1.5rem (24px) on all sides.
index.html
- For the first
div
, usem-8
for margin andp-4
for padding. - For the second
div
, usemt-4 mb-8
for margin andp-2
for padding. - For the third
div
, usemr-6 ml-3
for margin andp-6
for padding.
index.html
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 4. Capítulo 2
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Suggested prompts:
Pergunte-me perguntas sobre este assunto
Resumir este capítulo
Mostrar exemplos do mundo real
Awesome!
Completion rate improved to 3.57
Challenge: Mastering Spacing Utilities
Deslize para mostrar o menu
Task
Complete the provided HTML structure by filling in the missing Tailwind CSS classes according to the given spacing requirements.
- First div: Apply a margin of 2rem (32px) on all sides and padding of 1rem (16px) on all sides;
- Second div: Apply a top margin of 1rem (16px) and bottom margin of 2rem (32px). Apply padding of 0.5rem (8px) on all sides;
- Third div: Apply a right margin of 1.5rem (24px) and left margin of 0.75rem (12px). Apply padding of 1.5rem (24px) on all sides.
index.html
- For the first
div
, usem-8
for margin andp-4
for padding. - For the second
div
, usemt-4 mb-8
for margin andp-2
for padding. - For the third
div
, usemr-6 ml-3
for margin andp-6
for padding.
index.html
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 4. Capítulo 2