Grid System Exercises
Explore hands-on “Grid System” exercises to sharpen your skills and level up your craft. Want more? Browse all search results
Exercise
Gutters
Exercise
Baseline grid
Exercise
Responsive grid
Exercise
Modules
Exercise
Adaptive design
Exercise
Keylines
Exercise
Active zones
Exercise
Fixed element
Exercise
Fluid grid
Exercise
Columns
Exercise
Fixed grid
Exercise
Grid systems
Exercise
Layout
Exercise
Fluid layouts
Exercise
Responsive design
Exercise
Passive zones
Exercise
Use independent width for containers
Exercise
Grid
Exercise
Composition should be easy to follow
Exercise
Icon grid
Exercise
Rows
Exercise
Integrated grid
Exercise
Fixed layouts
Exercise
Figure-ground principle
Exercise
Column grids
Exercise
Hierarchical grid
Exercise
Image dividers
Exercise
Column grid
Exercise
Manuscript grid
Exercise
Place related elements in proximity
Exercise
Grid anatomy
Exercise
Use similar alignment for similar elements
Exercise
Keep the content inside columns
Exercise
Integrated grids
Exercise
Hierarchical grids
Exercise
Align containers within grid borders
Exercise
Align navigational elements consistently
Exercise
Maintain vertical rhythm
Exercise
Adapt your container size, not the grid
Exercise
Modular grids
Exercise
Grids
Exercise
Step 4: Apply a grid
Exercise
Three-column grids
Exercise
Grid structure
Exercise
Use consistent image size
Exercise
Unexpected types of grids
Exercise
Multi-column typographic layouts
Exercise
Use asymmetrical grids to emphasize content
Exercise
Align similar elements on both axes
Exercise