Nesting Exercises
Explore hands-on “Nesting” exercises to sharpen your skills and level up your craft. Want more? Browse all search results
Exercise
Shadow stacking
Exercise
Accordions
Exercise
Menus
Exercise
Set default selections
Exercise
Navigation components
Exercise
Add enough padding for better readability
Exercise
Rich list
Exercise
Indicate an indeterminate state
Exercise
Align controls with the labels
Exercise
Offer users more options in an organized manner
Exercise
Use dropdowns for lengthy lists of choices
Exercise
Use checkboxes for multiple related options
Exercise
Improve subhead alignment for better scannability
Exercise
Hamburger menus
Exercise
Scrollable tabs
Exercise
Bottom tab navigation
Exercise
Nested list
Exercise
Fixed tabs
Exercise
Empty HTML element
Exercise
Tags vs. elements
Exercise
Keep labels concise but meaningful
Exercise
Inline-level elements
Exercise
Multi-line list
Exercise
Block-level elements
Exercise
Maintain uniform alignment for wrapped text
Exercise
Hierarchy
Exercise
Keep the traditional shapes for selection controls
Exercise
Position controls before labels for greater efficiency
Exercise
Horizontal tabs
Exercise
Give tabs enough spacing
Exercise
Use appropriate tab icons
Exercise
Maintain text alignment for better scannability
Exercise
Vertical list
Exercise
Definition HTML lists
Exercise
Ordered list
Exercise
Element content
Exercise
Image list
Exercise
Bulleted list
Exercise
Horizontal list
Exercise
Single-line list
Exercise
Setting list type for ordered lists
Exercise
Reversing list order
Exercise
Changing bullet type in unordered lists
Exercise
Keep controls' sizing consistent
Exercise
Changing the marker type
Exercise
HTML element
Exercise
Nested HTML element
Exercise
The <br> tag for line breaks
Exercise
Controlling list counting
Exercise