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 developer at Cascade Bike Shop writes p { text-align: left; } for the site’s product-description paragraphs. Based on the lesson’s guidance, is this a reasonable default, and why?

Sunrise Family Dental has three items in a flex row with extra leftover horizontal space in the container. Two items have `flex-grow: 1;` and one has `flex-grow: 0;`. What happens to the item with `flex-grow: 0`?

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 used bookstore’s nav has an tag inside a link with alt=”icon123.png” — the literal filename rather than a description of the link’s purpose. Does this meet the spirit of the deck’s accessibility guidance?

Cascade Veterinary Clinic wants its header’s login button to sit at the very bottom edge of the header, ignoring the taller logo next to it. Which `align-items` value does that?

A developer at Golden Acre Farms writes ul { list-style-type: disc; list-style-position: outside; } for a plain bulleted list of farm-stand hours, without changing anything else. Based on the lesson’s defaults, what will this actually look like compared to writing no list-style rules at all?

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?

Harvest Table Food Bank’s developer sees `flex: 2 1 100px;` on a donation card and wants to know which number controls which behavior. What order does the `flex` shorthand follow?

A developer applies width: 100%; margin: 0 auto; to a div, expecting it to center within its parent, but the div appears to take up the full width with no visible centering effect. Why?