Course Content
Tailwind CSS for Web Development
Tailwind CSS for Web Development
Challenge: 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
index
index
- 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
index
index
Thanks for your feedback!