CSS CSS Advanced Practice 2

Question 1

Which CSS function clamps a value between a minimum and maximum with a preferred middle value?

Accepted Answer

clamp()

Answer

clamp(min, preferred, max) returns the preferred value bounded by the min and max.

Question 2

In CSS Grid, what does the 'fr' unit represent?

Accepted Answer

A fraction of the remaining free space

Answer

The fr unit distributes a fraction of the leftover space in the grid container.

Question 3

Which property creates a new stacking context most reliably with a value other than 'auto'?

Accepted Answer

z-index on a positioned element

Answer

A non-auto z-index on a positioned element establishes a new stacking context.

Question 4

What does the CSS 'contain: layout' property primarily do?

Accepted Answer

Isolates an element's internal layout from the rest of the page

Answer

contain: layout tells the browser the element's internal layout won't affect outside elements, improving performance.

Question 5

Which pseudo-class selects an element only when it is the sole child of its parent?

Accepted Answer

:only-child

Answer

:only-child matches an element that has no siblings.

CSS Language Practice Test