My latest project was to design a website by first making the mobile website then building up the tablet and desktop versions of the website. This was a different experience for me because I am used to designing the desktop site first, then adapting it for tablet and mobile users. I learned that it is best to start off with designing the mobile website for the best usability. I had several
aha moments, the most notable being when I learned that, to efficiently use the media queries, I had to learn to make sure to use min-width and max-width to limit the css that applies to the webpage. You can find my website
here. Below are some images of the sketches I've made and screenshots I've taken over the course of this project.
 |
| Desktop View |
 |
| Mobile View |
 |
| Tablet View |
