🎨 Design

CSS & Tailwind

The box model, flexbox and grid, specificity, and what a utility-first framework changes.

8questions

mediumdifficulty

+16max XP (1st try)

not rated yet

Question 1 of 8

With `box-sizing: border-box`, an element's declared width includes:

Question 2 of 8

In flexbox, `justify-content` aligns items along:

Question 3 of 8

CSS Grid is a better fit than flexbox when you need:

Question 4 of 8

Which selector has the highest specificity?

Question 5 of 8

A utility-first framework like Tailwind mainly changes:

Question 6 of 8

In Tailwind, `md:flex` means:

Question 7 of 8

`position: absolute` positions an element relative to:

Question 8 of 8

A CSS custom property (`--brand: #b6f24a`) differs from a preprocessor variable because it:

0/8 answered

Part of