Module 4 Quiz - CSS Layout

Which property makes an element a flex container?

a) display: block

b) display: flex

c) display: grid

What controls spacing BETWEEN flex/grid items?

a) margin

b) padding

c) gap

What does `flex: 1` do?

a) Makes it 1px wide

b) Grows to fill available space

c) Hides it

Which positions relative to the viewport (stays on scroll)?

a) position: relative

b) position: absolute

c) position: fixed

What does grid-template-columns: 1fr 2fr create?

a) 2 columns, second is twice as wide

b) 3 columns

c) 1 column 2 rows

Which targets devices narrower than 768px?

a) @media (min-width: 768px)

b) @media (max-width: 768px)

c) @media (screen: small)

What does justify-content: center do in a flex row?

a) Centers items vertically

b) Centers items horizontally

c) Centers the container

Which removes an element from page flow completely?

a) display: hidden

b) display: none

c) visibility: hidden

What makes images responsive without overflowing?

a) width: 100%

b) max-width: 100% + height: auto

c) responsive: true

Which is best for page-level layouts (header, sidebar, content, footer)?

a) Flexbox

b) Grid

c) Inline-block