Project Overview

Project 7

In this project you will be introduced to the concept of Responsive web design or mobile First design.

You will learn the basics of CSS frameworks and how they work to layout your webpages


Lecture Note Links

Read The Road To Resilient Web Design posted on Smashing magazine.

CSS frameworks introduction and key terms

Quiz 7

Lecture Videos


Lab Directions

Lab 7

Understanding the grid system
Use this image as a guide, to create a simple webpage that contains ten rows but with different ratios for the containers inside. Color all the cells in each row the same color, based on a color palette of your choice from the adobe color website or choose colors from an image.
Make sure to follow proper html protocol for the page code, by adding all the appropriate < head > , < title > , < meta > tags, etc, and W3-CSS.


All content Copyright © 2017 Derek Dallas all rights Reserved