6 RESULTS · 1–6
Matches for “CSS”
Exercise
Build a keyboard-friendly button
Style a primary button with clear hover, active, disabled, and keyboard focus states without relying on color alone.
Exercise
Build a responsive pricing grid
Create a card grid that moves from one column on small screens to as many balanced columns as will fit, without hard-coding a device breakpoint.
Exercise
Create a fluid reading layout
Make an article layout whose type scales gently with the viewport while line length remains readable on wide displays.
Exercise
Design a theme token system
Define semantic color tokens for a card and support a dark theme without repeating component declarations.
Exercise
Respect reduced-motion preferences
Add an entrance transition for a notification panel, then make the experience calm and usable for visitors who request reduced motion.
Exercise
Style a readable profile card
Turn the provided profile markup into a readable card with predictable spacing, a visible keyboard focus state, and a layout that stays usable at narrow widths.