# Feature Grid

Similar to the [Feature](https://softr.gitbook.io/softr-documentation/building-blocks/feature) block, the **Feature Grid** block is meant for providing information about the key features of your product and what they allow users to achieve. However, here the features are organized into a full-width grid, which often allows for more space that can be filled with images and additional details about each feature.&#x20;

The block has a number of different layouts, which we'll discuss separately in the subsections, but let's first review the key components that are common for all the layouts. Those are

* **Title**
* **Subtitle**
* **Background Image**
* **Features**

![Feature Grid block structure](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPOpA7mqMNeWWnkLasF%2F-MPOttl7DxIbjZQO_L_e%2F1_b.png?alt=media\&token=e7405af8-faec-4a4c-a232-d596f61f81a8)

Now, let's examine each component's configuration.

## Title, Subtitle, and Background Image

There are two text areas to enter the **Title** and **Subtitle** and an option to add a **Background Image** for the whole block.

![Title, Subtitle, and Background Image](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPOpA7mqMNeWWnkLasF%2F-MPOueJobUTV4Eshc53u%2F2_b.png?alt=media\&token=e5f07fb3-dcc8-484e-b601-e89eaf7e2372)

## Features

Here you add the features along with their **Title**, **Description**, and **Icon**.

The features are added within separate tabs as shown below. There's also a plus button for adding a new feature tab as well as a delete option to delete the current feature.

![Section for adding/removing features](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPOpA7mqMNeWWnkLasF%2F-MPOvMyJDqTy0yijOkkO%2F3_b.png?alt=media\&token=0168911f-fc1c-4b22-9fec-c3a26aa9062f)

It's possible to re-organize the tabs whenever needed. When hovering over the active tab's number, left and/or right (depending on the tab position), arrow buttons appear to move the tab left or right, as shown below.

![Reorganizing features](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPOpA7mqMNeWWnkLasF%2F-MPOwM0M_rSDiQ3ylUNH%2F4.gif?alt=media\&token=0abade08-740a-41f7-b7d9-4966f3ac6fca)

So, these are the key features of the block. Check the subsections of this article to learn more about each specific layout.
