Category: CSS

Clip elements to polygons, circles, and custom paths.

Combine fluid layouts, responsive type, and media queries.

Choose breakpoints based on content needs, not device names alone.

Style components based on container size, not only the viewport.

Control image display with max-width, object-fit, and HTML srcset.

Fit replaced content in boxes with object-fit and object-position.

Design horizontal nav bars with Flexbox alignment.

Create dropdown panels with positioning and focus-friendly open states.

Build mobile nav patterns that work with keyboard and screen readers.

Adapt styles by viewport size, preference, and capability.