CSS CSS Professional Development 3

Question 1

Which CSS layout module is best suited for two-dimensional row and column layouts?

Accepted Answer

CSS Grid

Answer

CSS Grid handles both rows and columns, making it ideal for 2D layouts.

Question 2

What does the `gap` property control in a flex or grid container?

Accepted Answer

Spacing between items

Answer

`gap` sets the spacing between rows and columns of grid or flex items.

Question 3

Which value of `position` keeps an element fixed relative to the viewport while scrolling?

Accepted Answer

fixed

Answer

`position: fixed` anchors an element to the viewport regardless of scrolling.

Question 4

What does `position: sticky` do?

Accepted Answer

Toggles between relative and fixed based on scroll position

Answer

A sticky element behaves relatively until a scroll threshold, then becomes fixed.

Question 5

Which CSS function lets you clamp a value between a minimum and maximum for fluid sizing?

Accepted Answer

clamp()

Answer

`clamp(min, preferred, max)` constrains a value within a range for responsive sizing.

CSS Language Practice Test