Responsive Design Principles5:22 with Anwar Montasir
In this workshop, we’ll be discussing responsive design, where content renders well and remains usable on a variety of devices and viewport sizes. On previous projects, you may have been asked to design with a specific screen in mind, whether a desktop, tablet, or mobile device. And sometimes, especially when designing for a mobile app, this approach can be appropriate. For websites, however, it’s usually best to work with a single design and consider how that design transitions from screen to screen.
Responsive design: A design strategy where content renders well and remains usable on a variety of devices and viewport sizes.
Media queries: CSS rules that get implemented under certain conditions, such as when the viewport is at least a certain number of pixels wide.
Breakpoint: a place where media queries are used to change site layout based on device width.
You need to sign up for Treehouse in order to download course files.Sign up