You watched course on Responsive Web Design in previous lessons. Time for practice! In this lesson you will use your knowledge to make a layout of an imaginary online pizza order management service.
- responsive layout, adaptive layout, mobile-first approach
- flexbox layout
- grid layout
- Make responsive layout for the home page of an online pizza ordering service as per wireframe. Choose design details according to your preferences. User-story-ish description: as a user I can see the list of ordered pizzas (picture, price, title, number in queue, estimated time until the order is ready). I can go to signup/login page to access into my account. I can go to pizza ordering page to make my own order.
- Test yourself: can you explain the difference between responsive layouts, adaptive layouts and mobile-first layouts?
- Make a list of things that could go wrong if your layout is not responsive
