Website Design CSS Layout and Grid Systems 3

Question 1

What is a 12-column grid system commonly used for in web design?

Accepted Answer

Providing flexible, divisible layout columns for responsive design

Answer

Displaying 12 images at a time

Answer

Setting a maximum of 12 navigation items

Answer

Limiting pages to 12 sections

Question 2

What does `overflow: hidden` do in CSS?

Accepted Answer

Clips content that extends beyond the element's boundaries

Answer

Hides the entire element from the page

Answer

Removes the element from page flow

Answer

Disables scrolling on the page

Question 3

What is the CSS Flexbox property `flex-wrap` used for?

Accepted Answer

Allowing flex items to wrap onto multiple lines when they don't fit

Answer

Wrapping text inside flex items

Answer

Setting the border style of a flex container

Answer

Controlling the spacing between flex item content

Question 4

What is a 'fluid layout' in web design?

Accepted Answer

A layout that uses percentage-based widths to scale with the browser window

Answer

A CSS animation that flows across the page

Answer

A design that automatically loads faster on slow connections

Answer

A fixed-width layout centered on the page

Question 5

What CSS property creates space inside an element between its content and its border?

Accepted Answer

padding

Answer

margin

Answer

spacing

Answer

inset

Question 6

What is the purpose of the `max-width` property in responsive CSS?

Accepted Answer

To prevent an element from growing wider than a specified size

Answer

To prevent images from loading larger than the screen

Answer

To enforce minimum font sizes in containers

Answer

To limit the number of grid columns on wide screens