Learn Responsive Design
A course exploring all aspects of responsive design. Learn how to make sites that look great and work well for everyone.
Go back
Welcome to Learn Responsive Design!
A course exploring all aspects of responsive design. Learn how to make sites that look great and work well for everyone.
Media queries
Adapt your designs to different screen sizes using CSS media queries.
Internationalization
Prepare your designs for different languages and writing modes.
Typography
Make your text legible and beautiful, no matter where it appears.
Responsive images
Give your visitors the most appropriate images for their devices and screens.
Theming
Adapt your designs to match user preferences such as a dark mode.
Interaction
Prepare your pages for different input mechanisms; mouse, keyboard, and touch.
User interface patterns
Consider some common UI elements that adapt to different screen sizes.
Media features
A round-up of all the ways that media features let you respond to devices and preferences.
Screen configurations
Prepare your content for devices with multiple screens.
Conclusion and next steps
Further resources to help you take your next steps.