Community forum for knowledge and support

Updated 11 months ago

Creating a Five-item Feature Component

At a glance

The community member is trying to create a 5-item feature component and is considering modifying the grid pattern to have a 5th column and duplicating one of the items to fill that position. Another community member suggests that this is the best way to do it, and also mentions that there are tricks with grid areas that could be helpful to explore in the Webflow University.

DDave Sekowski

Hey all, I am trying to determine the best way to create a 5 item feature component.

It looks like the existing ones use a layout that goes to the next line after 2, 3, or 4 items.

I think it is best to edit the grid pattern to have a 5th column and then duplicate one of the items to fill that 5th position.

Is that the best way to do this?

4 comments

MMatt Johnson

I'm more of a visual guy so I'd love to see what you are working with - have a read-only I can take a peek at? Otherwise feel free to DM it to me as well. I'd prefer it to stay in the community, but understand sensitive projects.

DDave Sekowski

Not sensitive at all!

In the attached picture you can see that I start with a 4 item feature component.
Then I duplicated the section, then duplicated the grid component class, then changed the grid to have a 5th column.
Then I duplicated the section again, then I duplicated one of the feature items.

Tada, now I have a 5 item feature component.

Is this the best way to do this?

DDave Sekowski

MMatt Johnson

yep modifying the grid to accommodate a 5th column on desktop is the way to do it for sure.

You must have taken down your read-only link you posted earlier but yeah there are also some tricks with grid areas - if you want to search the webflow university for that and learn about that, it might help you with some other layouts regarding the grid element.

Add a reply