A children’s museum plans a “Visit” nav item with a submenu of “Hours,” “Directions,” and “Tickets,” and wants visitors to know a submenu exists before they hover. Which two techniques from the deck combine to achieve both the submenu structure and that visual signal?

A developer wants a short ambient sound clip to play on repeat indefinitely once it’s triggered, but wants it to start silent until the visitor unmutes it.

A photo looks slightly too dark and has an odd yellowish tint from indoor lighting.

Cascade Bike Shop’s dev team is deciding between a traditional font family with five separate weight files and a single variable font file covering the same weight range, purely from a page-performance standpoint. Which generally performs better, and why?

Serenity Day Spa’s team wants keyboard and screen-reader users to reach “Book Now” before “Services” too, matching what `order` already shows visually. What actually needs to change to make that happen?

A developer inherits a codebase using display:inline for its nav and asks whether it needs to be replaced immediately since it still visually works. What does the deck say?

Wildflower Nonprofit’s site declares UTF-8 encoding, so most special characters can now be typed directly rather than as entities. Given the lesson’s noted exceptions, which characters should the developer still write as entities even so?

Fourth Panel Comics used to space out flex items with `margin-right` on every item except the last, and now wants to switch to the `gap` property instead. What does `gap` do differently?

A developer is comparing an element’s padding area to its margin area and notices that the padding area picks up the element’s background color while the margin area shows no background color at all. What explains that difference?

A boutique hotel’s nav has a “Rooms” item with a fly-out submenu, but nothing in the link text signals to a visitor that hovering will reveal more options. What convention does the deck point to for this?