In this module you will learn and practice layout techniques and strategies for responsive website interfaces. Using an underlying grid, we will design a layout for a web page with multiple content and active elements, creating versions for web, tablet, and mobile screen sizes.
Learning outcome
- Use a grid to organize page element to organize page elements.
- Design with multiple grids to adapt layout to multiple screen sizes
- Design layouts that are optimize for certain screen sizes
Read/Watch
Grid
GridResponsive Layout
Responsive-layoutDesigning with Figma
Assignment
Design Assignment 5: Responsive Layout Design
