Week6 Responsive Design
Assignment: Choose 1 topic of your interest and design a desktop and mobile layout.
For this week’s assignment, I designed a coffeee tutorial intro page. The information includes:
- Website Logo: GoodCoffee.inc
- Navigation: Recipe, Tutorial, Store, About
- Title: How to Make Pour-Over Coffee
- Features: time, difficulty, format, etc.
- Start Button
The biggest two different between the desktop and the mobile are:
- The desktop has all page navigations showed while the mobile fold all of them into a hamburger icon.
- The desktop shows all features while the mobile only show some and scroll to see all.