Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Typografi i Praksis | Kjernekonsepter og Grunnleggende Styling
Tailwind CSS for Webbutvikling

bookUtfordring: Typografi i Praksis

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.
index.html

index.html

copy
  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.
index.html

index.html

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 8

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 3.57

bookUtfordring: Typografi i Praksis

Sveip for å vise menyen

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.
index.html

index.html

copy
  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.
index.html

index.html

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 8
some-alt