## Opgave
Ved brug af Tailwind CSS-værktøjer til typografi, opret en tekstkomponent med følgende specifikationer:
1. En overskrift (`h1`) med:
   - Skriftstørrelse på 4xl;
   - Fed skriftvægt;
   - Normal linjehøjde.
2. En underoverskrift (`h2`) med:
   - Skriftstørrelse på 2xl;
   - Halvfed skriftvægt;
   - Tæt linjehøjde.
3. Et afsnit (`p`) med:
   - Skriftstørrelse base;
   - Normal skriftvægt;
   - Afslappet linjehøjde.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+Q2hhbGxlbmdlOiBBcHBseWluZyBUeXBvZ3JhcGh5IFV0aWxpdGllcyAtIFRhc2s8L3RpdGxlPgogICAgPHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLnRhaWx3aW5kY3NzLmNvbSI+PC9zY3JpcHQ+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgxIGNsYXNzPSJ0ZXh0LV9fX19fIGZvbnQtX19fX18gbGVhZGluZy1fX19fXyI+TWFpbiBIZWFkaW5nPC9oMT4KICAgIDxoMiBjbGFzcz0iX19fX18tX19fX18gX19fX18tX19fX18gX19fX18tX19fX18iPlN1YmhlYWRpbmc8L2gyPgogICAgPHAgY2xhc3M9Il9fX19fIF9fX19fIF9fX19fIj4KICAgICAgVGhpcyBpcyBhIHBhcmFncmFwaCBkZW1vbnN0cmF0aW5nIGRpZmZlcmVudCBmb250IHNpemVzLCBmb250IHdlaWdodHMsIGFuZAogICAgICBsaW5lIGhlaWdodHMgdXNpbmcgVGFpbHdpbmQgQ1NTIHV0aWxpdGllcy4KICAgIDwvcD4KICA8L2JvZHk+CjwvaHRtbD4=

1. **Skriftstørrelse:** Brug `text-4xl`, `text-2xl`, `text-base` for skriftstørrelser;
2. **Skrifttypevægt:** Brug `font-bold`, `font-semibold`, `font-normal` for skrifttypernes vægt;
3. **Linjehøjde:** Brug `leading-normal`, `leading-tight`, `leading-relaxed` for linjehøjder.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+Q2hhbGxlbmdlOiBBcHBseWluZyBUeXBvZ3JhcGh5IFV0aWxpdGllcyAtIFNvbHV0aW9uPC90aXRsZT4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi50YWlsd2luZGNzcy5jb20iPjwvc2NyaXB0PgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxoMSBjbGFzcz0idGV4dC00eGwgZm9udC1ib2xkIGxlYWRpbmctbm9ybWFsIj5NYWluIEhlYWRpbmc8L2gxPgogICAgPGgyIGNsYXNzPSJ0ZXh0LTJ4bCBmb250LXNlbWlib2xkIGxlYWRpbmctdGlnaHQiPlN1YmhlYWRpbmc8L2gyPgogICAgPHAgY2xhc3M9InRleHQtYmFzZSBmb250LW5vcm1hbCBsZWFkaW5nLXJlbGF4ZWQiPgogICAgICBUaGlzIGlzIGEgcGFyYWdyYXBoIGRlbW9uc3RyYXRpbmcgZGlmZmVyZW50IGZvbnQgc2l6ZXMsIGZvbnQgd2VpZ2h0cywgYW5kCiAgICAgIGxpbmUgaGVpZ2h0cyB1c2luZyBUYWlsd2luZCBDU1MgdXRpbGl0aWVzLgogICAgPC9wPgogIDwvYm9keT4KPC9odG1sPg==

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: Typografi i Praksis

Opgave

Awesome!

Udfordring: Typografi i Praksis

Opgave