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

A 12-column grid is popular because 12 is divisible by 1, 2, 3, 4, 6, and 12, making it highly flexible for varied layouts.

Question 2

What does `overflow: hidden` do in CSS?

Accepted Answer

Clips content that extends beyond the element's boundaries

Answer

`overflow: hidden` clips any content that extends outside the element's boundaries, preventing it from being visible.

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

`flex-wrap: wrap` allows flex items to wrap onto multiple rows or columns when they don't fit in a single line.

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 fluid (liquid) layout uses percentage-based widths so elements scale proportionally as the browser window is resized.

Question 5

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

Accepted Answer

padding

Answer

The `padding` property creates space between an element's content and its border, inside the element.

Website Design Practice Test