A developer wants background music to start automatically when a page loads, with no visible player controls, and is surprised when many visitors’ browsers don’t actually play the sound.

A developer removes an explicit clear declaration from an element entirely, leaving no clear property set at all. What clear behavior does the element fall back to?

Sunrise Family Dental wants two items side by side, each at exactly half the container’s width, and sets `width: 50%;` on both inside a flex row. Why might they not end up at a clean 50/50 split?

A developer needs to choose between clear: left;, clear: right;, and clear: both; for an element that must never sit beside any floated content, no matter which side that content is floated to. Which value covers every case?

A team is designing an image strategy that should send phones a smaller file and desktop screens a larger, higher-detail one.

A developer wants a background image stretched to exactly fill a container’s width while letting its height scale proportionally on its own.

A startup building a brand-new horizontal nav bar from scratch is deciding between display:flex and display:inline-block. Which does the deck recommend for new work, and why?

A developer floats an image to the right inside a wide container, then adds a paragraph of text right after the image in the HTML. What should the developer expect to happen to that paragraph’s text?

Meridian Realty Group has two buttons with very different label lengths — “Contact” and “Schedule a Free Consultation” — inside a flex row. If both get `flex: auto;` instead of `flex: 1;`, what’s the visual difference?

A designer wants a background image to be fully visible inside its container with nothing cropped off, even if that leaves some empty space around the edges.