Detail Dynamics Car Care’s toolbar has a logo icon and a settings icon inside a `display: flex;` container, and needs the logo flush to the far left, the settings icon flush to the far right, with even space between them. Which `justify-content` value does exactly that?

A page includes a small decorative divider graphic between sections that carries no real information for a reader.

Golden Acre Farms’ developer notices the site’s page-load time improved after switching from a traditional font family (loaded in three separate weights) to one variable font file covering the same range of weights. What’s the most likely reason for the improvement?

A skate park wants to use small icons instead of text for its nav links — a house icon for Home, a calendar icon for Events. What does the deck say is necessary for this to remain accessible?

Green Acres Farmers Market wants a decorative background image to sit behind everything else on a positioned banner, without touching the other elements’ z-index values. What’s a valid way to do that?

Anchor Point Law Firm’s developer isn’t sure whether `justify-content` should be written on the flex container itself or on each individual flex item inside it. Where does it actually belong?

A brewery’s developer needs to write a rule specifically for the moment a nav link is actively being clicked, distinct from just being hovered or focused. Which pseudo-class matches that moment?

A developer notices that padding is added on top of an element’s declared width by default, making boxes bigger than their declared width once padding is included. Is that default relationship between padding and width fixed permanently in CSS, or something that can be changed with the right property?

A developer saves the same photograph as both a JPEG and a PNG and is surprised the PNG version is noticeably larger.

A student needs photos for a class project and doesn’t have a budget for stock photography.