A startup building a brand-new horizontal nav bar from scratch is deciding between display:flex and display:inline-block. Which does the deck recommend for new work, and why?

A developer floats an image to the right inside a wide container, then adds a paragraph of text right after the image in the HTML. What should the developer expect to happen to that paragraph’s text?

Meridian Realty Group has two buttons with very different label lengths — “Contact” and “Schedule a Free Consultation” — inside a flex row. If both get `flex: auto;` instead of `flex: 1;`, what’s the visual difference?

A designer wants a background image to be fully visible inside its container with nothing cropped off, even if that leaves some empty space around the edges.

Sawdust & Stain Woodworking sets `flex: 0 0 200px;` on a sidebar flex item. What does that shorthand do to the sidebar’s width as the container resizes?

A retailer is building a simple horizontal top nav bar with five links in a single row. per the deck, should they reach for Flexbox or CSS Grid?

Cedar Ridge Dance Company is organizing its class offerings: top-level categories like ‘Ballet’ and ‘Jazz’, each with specific class levels nested underneath, like ‘Beginner’ and ‘Advanced’. After nesting a of levels inside each category’s , what happens to the levels if a category is later removed from the page entirely?

Orchard Lane Farmers Market’s CSS sets font-family: Arial, sans-serif; on its body text. If a visitor’s device doesn’t have Arial installed, what happens?

Serenity Day Spa needs a confirmation modal that floats above the entire page, centered over everything else, dimming the background behind it. Which of the three layout tools fits this kind of need?

Riverside Dental’s long patient-FAQ article is being redesigned into a two-column newspaper-style layout with visible spacing and a subtle divider line between the columns. Which three CSS properties, respectively, control the number of columns, the spacing between them, and the divider line?