Panel Element

The Panel element combines image or video, title, meta information, content, and links into a flexible content block.

Start with the layout. Style the panel as a card, tile, or blank, and position the media above, beside, or within the content.

Control how the panel behaves. Link the entire panel or specific parts like the title, image, or button, and add hover styles to add some interaction.

For balanced layouts, match the panel height across columns and expand the content or media to fill the available space and push links to the bottom.

Align titles, media, and meta information with precision by placing them in their own columns and adjusting width and spacing.