Join James Williamson for an in-depth discussion in this video Using fluid grids, part of Responsive Design Fundamentals.
- View Offline
One of the most famous observations about responsive design is that it's becoming more…and more important to think of your content like water.…It needs to have the ability to flow into whatever container it's viewed on.…If you limit yourself to creating fixed layouts for each of your breakpoints, you're ignoring…the wide variety of screen sizes within each range.…One of the best ways to make sure your content works, regardless of the screens being viewed…on, is to use a fluid layout so that your content can flex and resize within each of…your set breakpoints.…
As you can imagine, creating separate fluid layouts for each breakpoint creates considerably…more work than crafting a single fluid layout or separate fixed layouts.…For this reason, many designers have adopted the use of fluid grids to make crafting multiple…layouts faster and more precise.…Grid systems are a fantastic way of creating structured, properly proportioned layouts…and have been used by designers for decades across multiple disciplines.…
- What is responsive design?
- Controlling viewports
- Designing for multiple screen densities
- Working with media queries
- Using fluid grids
- Building responsive forms
- Optimizing site performance
- Building responsive mockups
- Developing a content strategy
- Designing for mobile capabilities
- Creating flexible HTML
- Testing responsive designs