Utfordring: Typografi i Praksis
Oppgave
Ved å bruke Tailwind CSS-verktøy for typografi, lag en tekstkomponent med følgende spesifikasjoner:
- En overskrift (
h1
) med:- Skriftstørrelse 4xl;
- Fet skriftvekt;
- Normal linjehøyde.
- En underoverskrift (
h2
) med:- Skriftstørrelse 2xl;
- Halvfet skriftvekt;
- Tett linjehøyde.
- Et avsnitt (
p
) med:- Skriftstørrelse base;
- Normal skriftvekt;
- Avslappet linjehøyde.
index.html
- Skriftstørrelse: Bruk
text-4xl
,text-2xl
,text-base
for skriftstørrelser; - Skrifttykkelse: Bruk
font-bold
,font-semibold
,font-normal
for skrifttykkelser; - Linjeavstand: Bruk
leading-normal
,leading-tight
,leading-relaxed
for linjeavstander.
index.html
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 2. Kapittel 8
Spør AI
Spør AI
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
Utfordring: Typografi i Praksis
Sveip for å vise menyen
Oppgave
Ved å bruke Tailwind CSS-verktøy for typografi, lag en tekstkomponent med følgende spesifikasjoner:
- En overskrift (
h1
) med:- Skriftstørrelse 4xl;
- Fet skriftvekt;
- Normal linjehøyde.
- En underoverskrift (
h2
) med:- Skriftstørrelse 2xl;
- Halvfet skriftvekt;
- Tett linjehøyde.
- Et avsnitt (
p
) med:- Skriftstørrelse base;
- Normal skriftvekt;
- Avslappet linjehøyde.
index.html
- Skriftstørrelse: Bruk
text-4xl
,text-2xl
,text-base
for skriftstørrelser; - Skrifttykkelse: Bruk
font-bold
,font-semibold
,font-normal
for skrifttykkelser; - Linjeavstand: Bruk
leading-normal
,leading-tight
,leading-relaxed
for linjeavstander.
index.html
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 2. Kapittel 8