> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/monocolor/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosea.gitbook.io/monocolor/demo-content/front-page-blocks/html-blocks/grid-content/grid-with-icons-6.1-6.2.md).

# Grid with Icons (6.1, 6.2)

Grid Content

{% tabs %}
{% tab title="Preview" %}

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2FbIIaH5wBuXA0doSxVCL3%2Fblock6-1.jpg?alt=media&amp;token=bc9c8ac7-3e66-49e6-8598-224852ffc650" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="HTML Code" %}
{% embed url="<https://gist.github.com/mczaja/409695fb5dfa3d93b1d1b6f9c3e565a9>" %}
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Preview" %}

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2FhdoeTfdGFQCBoyo2eCz0%2Fblock6-2.jpg?alt=media&amp;token=aeef23c6-9638-4843-8b39-e8a0fe8608f2" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="HTML Code" %}
{% embed url="<https://gist.github.com/mczaja/432bd102172f6fcd0050c421bc5f0489>" %}
{% endtab %}
{% endtabs %}

### Available options

* Full-width container *(Full width: 100%, Standard: max-width: 1200px )*
* [Additional Class Name *(For developers)*](/monocolor/demo-content/front-page-blocks/advanced-options/additional-classes.md)
* Block Title
* Block Intro Content
* Block HTML Content
* Block Footer Content
* [Custom CSS](/monocolor/demo-content/front-page-blocks/advanced-options/custom-css-field.md)