Basically, you should wrap your .media
s inside a .media-list
to have a better control over them.
Default





Divided





Hoverable





Divided and hoverable





Striped





Bordered





6 different sizes from xs
to xxl
.
Extra small





Small





Default





Large





Extra large





Extra extra large





See more features of our media-lists.
Scrollable








Drag and drop





Header and footer




Selectable





Selectall




Searchable



