A small business wants to add a promotional video to their site and is deciding between uploading the raw video file to their own server versus embedding it from YouTube.

A student wants to know whether setting an element to display: block; would change how vertical-align behaves on it, compared to leaving it as inline-block. What’s accurate?

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?