RESPONSIVE DS9 HOMEWORK
0.
Download the following files (right click > save link as):
http://lab404.com/320design/template/index8.html
http://lab404.com/320design/template/reset.css
http://lab404.com/320design/template/template.css
http://lab404.com/320design/template/dog_sm.jpg
http://lab404.com/320design/template/dog.jpg
1.
Recode the page so that it is mobile first. In other words, recode it so that it loads the layout below 480 pixels wide first. (It is currently coded to load the layout between 480 and 1200 first).
2.
Make the typeface different in all 3 states (below 480 / between 480 and 1200 / above 1200).
3.
For the below 480 state, change the layout from a two column layout to a one column layout (while keeping a 2 column layout above the 480 state).
4.
For below 480 state, make sure the single column is 100% wide.
--------------
Get your files to class some way (google drive, nm server, flash drive), and come with quesitons if you get stuck.
|