Conteúdo do Curso
Tailwind CSS for Web Development
Tailwind CSS for Web Development
Challenge: Applying Typography Utilities
Task
Using the Tailwind CSS utilities for typography, create a text component with the following specifications:
- A heading (
h1
) with:- Font size of 4xl;
- Bold font weight;
- Normal line height.
- A subheading (
h2
) with:- Font size of 2xl;
- Semi-bold font weight;
- Tight line height.
- A paragraph (
p
) with:- Font size of base;
- Normal font weight;
- Relaxed line height.
index
index
index
- Font Size: Use
text-4xl
,text-2xl
,text-base
for font sizes; - Font Weight: Use
font-bold
,font-semibold
,font-normal
for font weights; - Line Height: Use
leading-normal
,leading-tight
,leading-relaxed
for line heights.
index
index
index
Obrigado pelo seu feedback!