## Oppgave
Ved å bruke Tailwind CSS-verktøy for typografi, lag en tekstkomponent med følgende spesifikasjoner:
1. En overskrift (`h1`) med:
   - Skriftstørrelse 4xl;
   - Fet skriftvekt;
   - Normal linjehøyde.
2. En underoverskrift (`h2`) med:
   - Skriftstørrelse 2xl;
   - Halvfet skriftvekt;
   - Tett linjehøyde.
3. Et avsnitt (`p`) med:
   - Skriftstørrelse base;
   - Normal skriftvekt;
   - Avslappet linjehøyde.

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

1. **Skriftstørrelse:** Bruk `text-4xl`, `text-2xl`, `text-base` for skriftstørrelser;
2. **Skrifttykkelse:** Bruk `font-bold`, `font-semibold`, `font-normal` for skrifttykkelser;
3. **Linjeavstand:** Bruk `leading-normal`, `leading-tight`, `leading-relaxed` for linjeavstander.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+Q2hhbGxlbmdlOiBBcHBseWluZyBUeXBvZ3JhcGh5IFV0aWxpdGllcyAtIFNvbHV0aW9uPC90aXRsZT4KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi50YWlsd2luZGNzcy5jb20iPjwvc2NyaXB0PgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxoMSBjbGFzcz0idGV4dC00eGwgZm9udC1ib2xkIGxlYWRpbmctbm9ybWFsIj5NYWluIEhlYWRpbmc8L2gxPgogICAgPGgyIGNsYXNzPSJ0ZXh0LTJ4bCBmb250LXNlbWlib2xkIGxlYWRpbmctdGlnaHQiPlN1YmhlYWRpbmc8L2gyPgogICAgPHAgY2xhc3M9InRleHQtYmFzZSBmb250LW5vcm1hbCBsZWFkaW5nLXJlbGF4ZWQiPgogICAgICBUaGlzIGlzIGEgcGFyYWdyYXBoIGRlbW9uc3RyYXRpbmcgZGlmZmVyZW50IGZvbnQgc2l6ZXMsIGZvbnQgd2VpZ2h0cywgYW5kCiAgICAgIGxpbmUgaGVpZ2h0cyB1c2luZyBUYWlsd2luZCBDU1MgdXRpbGl0aWVzLgogICAgPC9wPgogIDwvYm9keT4KPC9odG1sPg==

Lær å style nettsteder effektivt med Tailwind CSS, et utility-first rammeverk for rask UI-utvikling. Oppdag hvordan du setter opp Tailwind og bruker utility-klasser for farger, typografi, kanter og skygger. Bygg og style essensielle komponenter som knapper, kort og skjemaer. Behersk layoutteknikker ved hjelp av avstand, flexbox og grid-verktøy. Lag responsive design og tilpass Tailwind etter prosjektets behov.

Bli kjent med Tailwind CSS, et verktøybasert rammeverk kjent for sin fleksibilitet og effektivitet innen webdesign. Oppdag de viktigste fordelene og den verktøybaserte filosofien. Utforsk også enkle installasjonsmetoder ved bruk av CDN eller npm/yarn.

Utforsk de grunnleggende elementene i Tailwind CSS, inkludert forståelse av verktøyklasser og deres bruk på HTML-elementer. Gå i dybden på essensielle stylingteknikker som fargeinnstillinger, kanter, skygger og typografi-verktøy.

Fordypning i praktiske anvendelser med fokus på å lage og style knapper, skjemaer og kort. Gjennom praktiske utfordringer vil du mestre å bygge disse essensielle UI-komponentene og styrke ferdighetene dine med eksempler fra virkeligheten.

Utforsk Tailwind CSS sine grunnleggende verktøy for avstand, inkludert bruk av margin og padding på elementer. Lær å bruke flexbox-verktøy for å kontrollere layout med display-innstillinger, flex-retning samt horisontal og vertikal justering. I tillegg får du innsikt i grid-verktøy for å lage enkle, men kraftige grid-layouts, med fokus på oppsett av grid-containere og elementer.

Lær hvordan du kan tilpasse Tailwind CSS for å oppfylle prosjektets designkrav og lage fleksible oppsett for ulike enheter.

Utfordring: Typografi i Praksis

Oppgave

Awesome!

Utfordring: Typografi i Praksis

Oppgave