RESPONSIVE DS9 HOMEWORK
0.
Download the following files (right click > save link as):
http://lab404.com/320/template/index8.html
http://lab404.com/320/template/reset.css
http://lab404.com/320/template/template.css
http://lab404.com/320/template/dog_sm.jpg
http://lab404.com/320/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 600 pixels wide first. (It is currently coded to load the layout between 600 and 1200 first).
2.
Make the typeface different in all 3 states (below 600 / between 600 and 1200 / above 1200).
3.
For the below 600 state, change the layout from a two column layout to a one column layout (while keeping a 2 column layout above the 600 state).
4.
For below 600 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.
|