Ask AI

Feature Grid

The main features of the Feature Grid block.

The Feature Grid block displays a collection of items in a grid layout. As the name suggests, it is meant to be used for listing product features, however, it can be also used for displaying any sort of lists (in some cases, the List block may be more relevant depending on your use case). Let’s explore the block setting to see how it’s configured.

Header

In the Header section of block settings, you can customize the Title and Subtitle as well as add a background image for the whole block.

Feature Grid’s Header section
Feature Grid’s Header section

Features

In the Features section, you can customize each feature’s icon/image, title, description, as well as the link. Also, you can add new features, delete existing ones, as well as reorganize those.

Customizing the Features section
Customizing the Features section

Feature Grid Block Layouts

Layout: Feature grid with big icons

Feature Grid with big icons
Feature Grid with big icons

This Feature Grid layout features icons to illustrate each feature.

Layout: Feature grid with four column view

Feature Grid with four column view
Feature Grid with four column view

This Feature Grid layout is organized into four columns and features an image with overlay, which in turn contains a button.

Layout: Feature grid with images

Feature Grid with images
Feature Grid with images

A Feature Grid layout with images to illustrate each feature.

Layout: Feature grid with small icons

Feature Grid with small icons
Feature Grid with small icons

This Feature Grid layout is similar to Feature Grid with big icons but has smaller icons, which are positioned to the left from the Title and Subtitle.

Layout: Feature grid with sections

Feature Grid with sections
Feature Grid with sections

This Feature Grid layout is organized into two columns and has bigger areas/sections for each item.

Layout: Feature grid with three column view

Feature grid with three column view
Feature grid with three column view

A Feature Grid layout with three columns.

Layout: Feature grid with box and three column view

Feature grid with box and three column view
Feature grid with box and three column view

A Feature Grid layout with boxed items organized into three columns.

Layout: Feature grid with steps

Feature Grid with steps
Feature Grid with steps

This Feature Grid layout lets you present your items in a “steps” format.

Did this answer your question?
😞
😐
🤩

Last updated on January 4, 2023