Feature - Grid

Components

Feature / Grid / 2 Col / Vertical / Basic
Feature / grid / 2 Col / Horizontal / Basic
Feature / Grid / 2x2 / Vertical / Basic
Feature / Grid / 2x2 / Horizontal / Basic
Feature / grid / 3 Col / Vertical / Basic
Feature / Grid / 3 Col / Vertical / Plus Link
Feature / Grid / 3 Col / Vertical / Basic Centered
Feature / Grid / 3 Col / Vertical / Plus Link Centered
Feature / grid / 3 Col / Vertical / CountUp
Feature / grid / 3x2 / Vertical / CountUp
Feature / Grid / 3x2 / Vertical / Basic
Feature / Grid / 3x2 / Vertical / Plus Link
Feature / Grid / 3x2 / Vertical / Basic Centered
Feature / Grid / 3x2 / Vertical / Plus Link Centered
Feature / Grid / 3 Col / Horizontal / Basic
Feature / Grid / 4 Col / Vertical / Basic
Feature / Grid / 4 Col / Vertical / Basic Centered
Feature / Grid / 4x2 / Vertical / Basic
Feature / Grid / 4x2 / Vertical / Basic Centered

Best Practices

Use components to build interfaces. Search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E). Once you added a Component to your page unlink it to make changes. Right-click on the symbol’s label and choose unlink from symbol. This is the rule. We use overrides only as an exception for simple components that you'd rather want to re-style on the specific page within Style Guide (buttons, toggles etc. - mostly atoms).

Component Description

A simple section to describe your product's features in a responsive grid.

arrow_upward