Login with your Webflow account to track your progress
Make your site responsive
Learn how to preview, adjust, and refine your layout so it looks great on every screen size.
A great website works everywhere — whether someone’s browsing on a large desktop or a small mobile phone. In this course, you’ll learn how to use breakpoints in Webflow to design layouts that adapt across screen sizes. You’ll explore how to preview your design at different widths, make thoughtful adjustments, and build flexibility into your layout from the start.
This course is designed for Webflow designers and builders — whether you’re creating your first site or refining an existing layout to work responsively.
By the end of this course, you’ll have the skills to:
- Preview and test your layout across breakpoints
- Adjust styles and layout for different screen sizes
- Use layout tools, flexible units, and variable modes to reduce manual tweaks
- Build responsive designs that look and feel great on any device
.jpg)
