CSS (Layout & Images) 3

Question 1

Which property defines the number and size of columns in a grid?

Accepted Answer

grid-template-columns

Answer

grid-template-columns specifies the track sizes for grid columns.

Question 2

What does the 'fr' unit represent in CSS Grid?

Accepted Answer

A fraction of the available space

Answer

The fr unit represents a fraction of the free space in the grid container.

Question 3

Which property makes an image scale responsively to its container's width?

Accepted Answer

max-width: 100%

Answer

Setting max-width: 100% lets an image shrink to fit its container while not exceeding its natural size.

Question 4

What does 'flex-wrap: wrap' do?

Accepted Answer

Allows flex items to flow onto multiple lines

Answer

flex-wrap: wrap lets items move to new lines when they exceed the container width.

Question 5

Which value of 'object-fit' scales an image down to fit inside its box without cropping?

Accepted Answer

contain

Answer

object-fit: contain scales the image to fit entirely within the box, preserving aspect ratio.

CSS Language Practice Test