Author: Anonymous

A community theater’s dropdown correctly uses both :hover and :focus-within, but a visitor testing with a keyboard says the submenu still closes the instant they tab from the parent link onto the first sub-link. What does this suggest?

Quest Board Game Cafe has three review cards with different amounts of text, sitting in a `display: flex;` row, and wants them to end up the same height and share the row’s width evenly. What fixes both problems at once?

Ledger Line Bookkeeping wants a fixed-width, 150px sidebar that never changes size next to a main content column that fills whatever space remains. What settings on the sidebar item achieve that?

A developer sets `autoplay` on a “ element without adding `muted`, and is confused when the video doesn’t start playing automatically in most visitors’ browsers.

A course posts a video lecture with no captions and a podcast episode with no written transcript.

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

A team is preparing to upload a 6000px-wide photo straight to a product page without saving a separate copy first.

A community theater’s nav has clear :hover styles but no :focus styles at all. A visitor navigating by keyboard (Tab key) reports they can’t tell which link is currently selected. What’s the accurate diagnosis?

Summit Climbing Gym’s `.tags` container never had `flex-wrap` set explicitly. When there are too many tags to fit on one line, what happens by default?

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