Feature grid with steps

Feature grid with steps

In this layout, the features are presented through steps. The steps are numbered, and the users reveal them one-by-one by scrolling down on the page. Each feature is a full-width block, where one half of the area contains the Title and Subtitle, and the other half contains the image. There is an Image Position switch that sets the image position (Left or Right) of all odd-numbered steps (1,3, 5, and so on), thus also assigning the opposite Image Position to all even-numbered steps.

Image Position

Last updated

Was this helpful?