Preview image. Unlock full-res
Grey course listing with a headline, All Courses filter, horizontal card carousel, and an expanded center card showing module overview.
Summary
A course catalog row where the active card expands downward with a module overview while neighboring cards stay compact and slightly faded.
Visual description
Soft grey background with a large headline on evidence-based education across health conditions. Dark rounded All Courses selector sits below. Horizontal row of rounded course cards shows food and lifestyle photography; center Fat-Soluble Vitamins card is fully opaque with Seminars and 4 Units labels, title, expanded white overview panel, and Explore Course link. Adjacent Energy Balance, Water-Soluble Vitamins, and Minerals cards fade back.
Key takeaway
Expand-in-place on the focused card avoids navigating away while browsing. Photography-forward cards make clinical education feel approachable.
Reuse notes
Ideal for course or product catalogs with rich descriptions. Requires consistent card heights when collapsed; carousel needs touch-friendly spacing on mobile.
