# Feature grid with steps

![Feature grid with steps](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPPJ1oQjKE3FYIMhaiG%2F-MPPJURs4dS2KMrZMA_i%2F16.gif?alt=media\&token=5239274c-2676-4569-a9cf-613799d1474a)

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](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPPJ1oQjKE3FYIMhaiG%2F-MPPLHuJScQZKR0CTHTA%2F17.gif?alt=media\&token=85cd20bd-4cf9-4c66-9323-2dcb432937dd)
