Skip to content

Latest commit

 

History

History
29 lines (16 loc) · 1.26 KB

01-responsive-design.md

File metadata and controls

29 lines (16 loc) · 1.26 KB

Task 01 - Implement Responsive Design

The product you are building is a responsive e-commerce site consisting of:

1. A product landing page

Screenshot from sketch file of product landing page

2. A cart overlay

Screenshot from sketch file of cart overlay

There are also several states to consider:

1. Buttons

Screenshot from sketch file of button states

Instructions

Download the Sketch file here. You can get a free trial from Sketch if you don't have it installed already. Windows users can download Lunacy for free.

Implement to the best of your ability the given design based on the starter boilerplate.

A couple of things to keep in mind:

  • Please make your work responsive, not adaptive.
  • You will have to implement the button that opens the cart (in the designs this button reads "Your cart is empty").
  • Some designs (like the cart on tablet) are missing. Please implement what you think is best. Hopefully this won't happen in real life, but we want to see how you handle a missing design 🙂