Responsive CSS

/* /////// D E S K T O P //////// */

@media (min-width:801px) {
/* Browser window must be at least 801px wide to get these rules */

/* /////// T A B L E T //////// */

@media (max-width:800px) {
/* Browser window must be at most 800px wide to get these rules */

/* /////// M O B I L E //////// */

@media (max-width:500px) {
/* Browser window must be at most 500px wide to get these rules */

Then, add this to your html page:

<meta name=”viewport” content=”width=device-width”>

Books for Class!

Both of the books for class can be found at the school bookstore or purchased online. You will need these books ASAP!


This book will be a life-line for you. We are beginning coding right away, so it is in your best interest to get it quickly. It is a great book to have for this class and beyond. I still reference this book while I’m working, and I’ve been coding for many years!

The book’s website is also helpful!

Don’t Make Me Think

Reading this book will help inform the usability of the sites you design. We will use this for discussion throughout the semester. This is not a reference book, so if you were going to rent one of the two books for this class, this would be the one. You can rent it for the entire semester on Amazon with Prime for $11.