How to stack my grid cells row by row (line break for each cell element)

Maybe it’s too simple but I am unable to find a solution. I have a grid element with three cells inside. I want to have these cells row by row. Each cell should have its own row.

I tried it with a gap element. I tried it with three separate grid elements (each with its own single cell), but nothing works. If one want to see what I mean, take a look at my website www.fotografie.io, at the left / first column of my footer section (the one with the section media icons and the user statistics).

Thanks for any hint.

Hello @Harald_Schmidt,

Thanks for writing in!

To stack the grid cells into separate rows, simply edit your grid layout and use only “1fr” in the columns option.

You can also check out this video tutorials:

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.