Join James Williamson for an in-depth discussion in this video Using fluid grids, part of Learning Responsive Design.
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
Skill Level Beginner
1. Introducing Responsive Design
What makes sites responsive?2m 37s
2. Common Concepts
3. Responsive Design Strategies
Additional resources2m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.