Skilled web designers are adept at crafting sites to provide an optimal online experience — easy reading and navigation with a minimum of resizing, panning and scrolling — across a wide range of devices (from desktop computer monitors to mobile phones). Course topics include creating layouts on a flexible grid, plus responsive navigation, adaptive images and media queries. 

• HTML and CSS: Level 2 or equivalent knowledge  

Lesson 1

• What is your process when starting a website project? 

Lesson 2

• A quick review 
• Behavior, positioning, floats, etc. 
• CSS Declarations 
• Organizing your files 

Lesson 3 

• Flexible layout grids 

Lesson 4 

• Basic HTML page layout using a flexible 940 grid 

Lesson 5 

• Using media queries and “device agnostic” breakpoints 

Lesson 6 

• Making your images scale responsively 

Lesson 7 

• Bulletproof responsive navigation 

Lesson 8 

• Mobile navigation for small screens