Frontend Development Exercises
Explore hands-on “Frontend Development” exercises to sharpen your skills and level up your craft. Want more? Browse all search results
Exercise
Footer
Exercise
Web design
Exercise
CSS
Exercise
Wireframes for development
Exercise
No-code development
Exercise
The container tag <span>
Exercise
The inline frame tag <iframe>
Exercise
The <picture> tag
Exercise
HTML
Exercise
The link tag <a>
Exercise
Link bookmark
Exercise
CSS specificity
Exercise
Image floating
Exercise
CSS pseudo-class selector
Exercise
CSS pseudo-element selector
Exercise
The section tag <div>
Exercise
The vector-based graphics tag <svg>
Exercise
CSS box-sizing property with the border-box value
Exercise
Definition HTML lists
Exercise
The <details> tag
Exercise
The bitmap image tag <img>
Exercise
The style attribute syntax
Exercise
CSS combinator selector
Exercise
Resetting all property values in CSS
Exercise
Setting list type for ordered lists
Exercise
Cascade
Exercise
CSS viewport width (vw)
Exercise
The unordered list tag <ul>
Exercise
HSLA
Exercise
Reversing list order
Exercise
Familiarize yourself with SEO
Exercise
Changing bullet type in unordered lists
Exercise
CSS keyword values
Exercise
Mailto: value
Exercise
Font family
Exercise
CSS class selector
Exercise
CSS declaration block
Exercise
SVG circle
Exercise
CSS id selector
Exercise
CSS syntax rules
Exercise
Reseting all property values in CSS
Exercise
_Blank value
Exercise
Changing the marker type
Exercise
Layout elements
Exercise
Active link state
Exercise
Using CSS
Exercise
Adding bookmarks with the id attribute
Exercise
The item tag <li>
Exercise
CSS attribute selector
Exercise