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.
Author: Anonymous
Velvet Thread Tailoring wants to show its service menu with…
Velvet Thread Tailoring wants to show its service menu with main categories, like ‘Alterations’, each expanding into sub-items, like ‘Hem’ and ‘Take In’, showing a clear parent-child relationship. What list structure fits this?
A single photo of an office shows a monitor, a coffee mug, a…
A single photo of an office shows a monitor, a coffee mug, and a plant, and the developer wants clicking each object to go to a different page, without slicing the photo into separate image files.
A developer wants to center a paragraph’s text horizontally…
A developer wants to center a paragraph’s text horizontally within its container, and the paragraph is a normal block-level element. Which property is the appropriate tool for that horizontal centering?
A boutique hotel wants visitors to see, at a glance, which s…
A boutique hotel wants visitors to see, at a glance, which sidebar section they’re currently reading, without needing to scan the page content. What sidebar nav technique from the deck addresses this directly?
Comet Comics wants a long review article to flow across two…
Comet Comics wants a long review article to flow across two side-by-side columns of text, similar to how a printed newspaper page is laid out, rather than one single wide column. Which CSS property controls how many columns the text flows into?
Orchard Lane Farmers Market is building a nested list where…
Orchard Lane Farmers Market is building a nested list where ‘Vegetables’ is a top-level item with ‘Carrots’ and ‘Broccoli’ nested beneath it. Which tag directly wraps ‘Carrots’ and ‘Broccoli’ as the nested sub-list?
A card component has a colored background and some padding,…
A card component has a colored background and some padding, and a designer wants to remove the padding entirely so the text sits flush against the card’s edges, while keeping the background color exactly as it is. What single change accomplishes that?
A visual demo colors an element’s padding area blue and its…
A visual demo colors an element’s padding area blue and its margin area white, to show the two properties side by side. What does the difference in those colors represent?
Serenity Day Spa switches its card layout from `flex-directi…
Serenity Day Spa switches its card layout from `flex-direction: row` to `flex-direction: column`. What happens to the roles of `justify-content` and `align-items` as a result?