Author: Anonymous

A developer wants to recreate this exact hero section style — one non-repeating image that fills its container and stays centered — using the shorthand `background` property instead of four separate lines.

A footer sits directly after a floated image in the HTML, and a developer wants to guarantee the footer always starts below the image, regardless of whether the image is floated left or right. Which clear value guarantees that?

A recipe blog’s nav uses position:sticky, and the developer wonders whether they still need to add margin-top to the body the way a fixed nav would require. What does the deck say?

A developer sets float: left; on an image inside a container and expects the image to move up toward the top of the container as well as over to the left. What actually happens?

A developer wants an inline-block badge to sit flush with the very top of the surrounding line’s tallest content, higher than where the ordinary baseline alignment would place it. Which vertical-align value fits?

A developer sets up `srcset` with photo-400.jpg, photo-800.jpg, and photo-1200.jpg, along with a `sizes` attribute describing viewport breakpoints, and views the page on a narrow phone screen.

A blog wants its nav to scroll normally past the hero banner at the top, then lock in place once it reaches the top of the viewport, without needing any margin adjustment elsewhere on the page. Which positioning matches this behavior?

A used car dealership’s site passes a quick visual check because every nav link changes color on mouse hover. Why might this still fail an accessibility review, per the deck?

An “ element lists an MP3 source first and an OGG source second, and it’s being tested in a browser that supports both formats.

Green Acres Farmers Market’s new developer isn’t sure which of the three tools to reach for first when starting most everyday layout work. What’s a sensible rule of thumb for choosing between them?