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?
Blog
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?
A form’s field labels are currently left-aligned by default,…
A form’s field labels are currently left-aligned by default, and a designer decides the layout would look cleaner with the labels aligned flush to the right edge of their column, closer to the input fields beside them. Which text-align value should replace the default?
Threadbare Vintage Clothing switches a nav bar’s `flex-direc…
Threadbare Vintage Clothing switches a nav bar’s `flex-direction` from `row` to `column` to turn it into a vertical sidebar. What changes about the container’s two axes when that happens?
A vintage clothing shop’s .dropdown rule sets display:none b…
A vintage clothing shop’s .dropdown rule sets display:none by default. What CSS is needed to make the submenu actually appear when its parent is hovered?
Stonewell Museum’s exhibit-hours table needs each cell to ke…
Stonewell Museum’s exhibit-hours table needs each cell to keep its own distinct border with visible gaps between cells, rather than merging into shared lines. Which border-collapse value keeps that separation?