Overview-detail

Split one crowded surface into two linked levels: a compact top layer showing every option at a scannable glance, plus a detail layer you open only for the one item you're currently deciding on. Breadth stays visible while depth stays one click away.

Split one crowded surface into two linked levels: a compact top layer showing every option at a scannable glance, plus a detail layer you open only for the one item you're currently deciding on. Breadth stays visible while depth stays one click away.

Example

Your trip page shows six itinerary rows with only dates, total cost, and hotel name. Click row three and a panel opens with the layover times, cancellation terms, and your sister's date conflict. You compare all six on price, then read the fine print on two.