Module 1 - Responsive Web Design

In this module, we will start off with a review of best practice techniques for web development and the basics of the Flexbox layout model. You will be introduced to responsive web design (RWD) and you will learn how to make page layouts that will fit and adjust to different screen widths

Lessons

• Hello Build Activity
• CSS Resets & Dev Tools
• Itroduction to Git & GitHub
• Flexbox Layouts (1)
• Flexbox Layouts (2)
• Introduction to Media Queries
• Responsive Web Design
• Relative Units
• Advanced CSS & Flex Order
• In-Class Build #1
• Image Optimization for Web
• Responsive Background Images
• Assignment 1

DMIT1530 Home