dirkdunn

CSS Positioning & Layout

Lesson Objectives

• Explain the CSS Box Model
• Adjust element spacing using padding and margin
• Describe the difference between block, inline, and inline-block elements
• Explain the difference between and use cases of: static, relative, fixed, & absolute positioning
• Create floating elements to position content removed from the standard document flow
• Explain what Flexbox is and how to use it

dirkdunn

Responsive Web Design & Bootstrap Framework

Lesson Objectives

Part 1

• Describe the benefits of using responsive design
• Describe what it means to go mobile first
• Explain the difference between a responsive website and a mobile-specific website
• Describe how to test responsive layouts while developing
• Use media queries to target viewport sizes