## Opgave
Fuldfør den angivne HTML-struktur ved at tilføje de manglende Tailwind CSS-klasser i henhold til de angivne afstandskrav.
- **Første div**: Anvend en margin på 2rem (32px) på alle sider og padding på 1rem (16px) på alle sider;
- **Anden div**: Anvend en topmargin på 1rem (16px) og bundmargin på 2rem (32px). Anvend padding på 0.5rem (8px) på alle sider;
- **Tredje div**: Anvend en højremargin på 1.5rem (24px) og venstremargin på 0.75rem (12px). Anvend padding på 1.5rem (24px) på alle sider.

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

1. For den første `div`, anvend `m-8` for margin og `p-4` for padding.
2. For den anden `div`, anvend `mt-4 mb-8` for margin og `p-2` for padding.
3. For den tredje `div`, anvend `mr-6 ml-3` for margin og `p-6` for padding.

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

Lær at style websites effektivt ved hjælp af Tailwind CSS, et utility-first framework til hurtig UI-udvikling. Opdag, hvordan du opsætter Tailwind og anvender utility-klasser til farver, typografi, kanter og skygger. Byg og style essentielle komponenter som knapper, kort og formularer. Behersk layoutteknikker ved brug af spacing, flexbox og grid utilities. Skab responsive designs og tilpas Tailwind, så det matcher dine projektbehov.

Mød Tailwind CSS, et utility-first framework kendt for sin fleksibilitet og effektivitet inden for webstyling. Opdag de vigtigste fordele og utility-first filosofien. Udforsk desuden de enkle installationsmetoder ved brug af CDN eller npm/yarn.

Opdag de grundlæggende elementer i Tailwind CSS, herunder forståelse af utility-klasser og deres anvendelse på HTML-elementer. Udforsk essentielle stylingteknikker såsom indstilling af farver, kanter, skygger og typografi-værktøjer.

Dyk ned i praktiske anvendelser med fokus på oprettelse og styling af knapper, formularer og kort. Gennem praktiske udfordringer opnås færdigheder i at opbygge disse essentielle UI-komponenter, hvilket styrker kompetencerne med eksempler fra virkeligheden.

Udforsk Tailwind CSS' grundlæggende spacing-værktøjer, herunder anvendelse af margin og padding på elementer. Lær at bruge flexbox-værktøjer til at styre layout med display-indstillinger, flex-retning samt horisontal og vertikal justering. Dyk desuden ned i grid-værktøjer for at skabe enkle, men effektive grid-layouts, og opnå forståelse for opsætning af grid-containere og -elementer.

Lær at tilpasse Tailwind CSS til dine projektkrav og skabe fleksible layouts til forskellige enheder.

Udfordring: Behersk Afstands-Værktøjer

Opgave

Awesome!

Udfordring: Behersk Afstands-Værktøjer

Opgave