Chapter quiz · Typography & Color

Test what you learned.

8 questions on Typography & Color. Pass 70% to clear the chapter.

Quiz

Eight questions on text size, weight, color, the OKLCH palette, gradients, and prose.

0/ 9

Question 1
1
Which utility sets a large font size?
Afont-2xlBtext-2xlCsize-2xlDfs-2xl
text-<size> controls font size; font-* is for weight and family.
Question 2
2
Which utility makes text bold?
Atext-boldBfont-boldCweight-boldDb-text
font-bold maps to font-weight: 700; weight utilities are font-thin through font-black.
Question 3
3
Which utility centers text horizontally?
Atext-centerBalign-centerCjustify-centerDcenter-text
text-center sets text-align: center.
Question 4
4
The v4 default color palette is defined using OKLCH.
TTrueFFalse
OKLCH gives a wider gamut and perceptually uniform shades.
Question 5
5
Which utility starts a linear gradient direction to the right?
Agradient-rBbg-linear-to-rCbg-gradient-rightDlinear-gradient-r
v4 uses bg-linear-to-r with from-* and to-* color stops.
Question 6
6
The official plugin that styles raw HTML like Markdown output adds the ___ class.
The typography plugin provides the prose class for beautiful default article styling.
Question 7
7
Which utility sets line height to a comfortable reading value?
Aleading-relaxedBlh-relaxedCline-relaxedDheight-relaxed
leading-* controls line-height (leading-tight, leading-relaxed, etc.).
Question 8
8
Which utilities set a color from the palette?
Select all that apply.
Atext-gray-900Bbg-blue-500Cborder-red-400Dp-4
text-, bg-, and border- accept palette colors; p-4 is spacing.