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-columns

Answer

column-template

Answer

grid-cols

Question 2

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

Accepted Answer

A fraction of the available space

Answer

A fixed rem value

Answer

A frame rate

Answer

A font ratio

Question 3

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

Accepted Answer

max-width: 100%

Answer

width: auto

Answer

image-fit: scale

Answer

responsive: true

Question 4

What does 'flex-wrap: wrap' do?

Accepted Answer

Allows flex items to flow onto multiple lines

Answer

Wraps text inside flex items

Answer

Centers flex items vertically

Answer

Prevents items from shrinking

Question 5

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

Accepted Answer

contain

Answer

cover

Answer

fill

Answer

none

Question 6

How do you center a block element horizontally within its parent?

Accepted Answer

margin: 0 auto with a set width

Answer

text-align: center

Answer

float: center

Answer

position: center

Question 7

Which CSS property controls the stacking order of overlapping elements?

Accepted Answer

z-index

Answer

stack-order

Answer

layer

Answer

depth