Feature Grid Tango

overview

A feature grid that combines feature cards, talking points, and a strong visual (image or video).

Style Preview

Available for:

Figma

Bricks

Gutenberg

Buy Frames

Back to library

Overview

Feature Grid Tango has a lot going on. The main focal point of the grid is a media element, which can be an image or a video.

To the left of the featured media is a column of feature cards with a connector line. The width of this column is easily adjustable via a locally scoped variable.

Above the featured media is an overlapping group of talking points.

This type of grid lets you convey a good amount of information in a very tight and interesting layout.

Query Loop Compatible

Variables

This frame uses the following locally scoped variables to make it easier for you to edit the style or behavior of this frame. Variables can be viewed or edited from the CSS tab.

--features-span

Adjust width of the left features column.

--divider-display

Show or hide the talking points dividers

--divider-color

Color of the talking points dividers

--divider-thickness

Thickness of the talking points dividers

--divider-span

Height (desktop) and width (mobile) of the talking point dividers

--divider-spacing

Amount of space on each side of the talking points dividers