Responsive Design Exercises
Explore hands-on “Responsive Design” exercises to sharpen your skills and level up your craft. Want more? Browse all search results
Exercise
Accessibility
Exercise
Lightbox
Exercise
Print resolution
Exercise
Export size
Exercise
Web resolution
Exercise
Responsive grid
Exercise
Aspect ratio
Exercise
Adaptive design
Exercise
Fixed element
Exercise
What is adaptive design
Exercise
Fluid grid
Exercise
Columns
Exercise
Fixed grid
Exercise
Grid systems
Exercise
PPI
Exercise
SVG
Exercise
Fluid element
Exercise
Rich card
Exercise
Fluid layouts
Exercise
Design process speed
Exercise
Similarities between adaptive and responsive design
Exercise
Responsive design
Exercise
Retina
Exercise
Retrofitting an existing design
Exercise
Image fit
Exercise
What is responsive design
Exercise
Choose the grid
Exercise
Load times
Exercise
Web design
Exercise
Identify content zones
Exercise
Use proportional cell width
Exercise
CSS
Exercise
Identify your content
Exercise
No-code development
Exercise
Right alignment
Exercise
Integrated grid
Exercise
Control over mobile layout
Exercise
Fixed layouts
Exercise
Define user flows
Exercise
Wireframe only key screens
Exercise
Hierarchical grid
Exercise
Decide on your target screens & layouts
Exercise
Add content and UI elements
Exercise
What is responsive design
Exercise
Mobile design
Exercise
External rhythm in UI
Exercise
The <picture> tag
Exercise
Grids
Exercise
Step 10: Make it responsive
Exercise