CSS Layout

Description #

Layout describes how we place elements on our web page. There are a number of different ways to layout a page.

Where this knowledge is utilized #

• WDD 130
• WDD 230
• WDD 330
• WDD 430
• CSE 340

Resources #

• MDN CSS layout

• CSS-TRICKS Grid Reference

• CSS-TRICKS Flexbox Reference

Prepare #

The following video introduces different ways to take elements out of their normal flow in on your web page.

CSS Layout #

• Understanding CSS Layout

Ponder #

• Practice with CSS Layout