SOFT7001 Class 18

I asked the students to work on media queries and to make different pages for desktops machine and phones. This requires tha pages be hosted somewhere however.

Example

mystyle.css:

@media screen and (orientation: landscape)
{
body {background-color:yellow;}
}

@media screen and (orientation: portrait)
{
body {background-color:gray;}
}