Note: Sink pages like this one are unpolished test files.

Return to Guideline

Thumbnails Sink

Default

Placed in a container for demonstration purposes that fixes width to an arbitrary 250px.

Weeding Weeding
Thunderstorm Thunderstorm
Cells Cells
Hummingbird Hummingbird
Blood Cells Blood Cells

Lacks container, fills whatever width is available.

Thunderstorm Thunderstorm

Fixed

.comet-thumbnail--fixed-s

Weeding Weeding

.comet-thumbnail--fixed

Weeding Weeding

Square

.comet-thumbnail--squared

Do

Predictable Video, Image, and Asset Thumbnails

Weeding Weeding
Thunderstorm Thunderstorm

Don't

Heterogeneous, Unpredictable Images (like search)

George H.W. Bush George H.W. Bush
Enrollment Application Enrollment Application

Contain

.comet-thumbnail--contain

Bill Clinton Bill Clinton
George H.W. Bush George H.W. Bush
Enrollment Application Enrollment Application
Eternal Flame Eternal Flame
Palace Palace
Reagan Reagan

Lacking Image

No image, no icon

Asset Type, No Image

Responsive Icons

Makes icons larger in wider viewports

.comet-thumbnail--responsive-icons