Hi everyone.
I’m trying to make a nested grid in a Flex Repeater container.
I have a custom component then I try to repeat it using Flex Repeater. The problem happens when I want to display in a nested grid instead of following one row/ column direction in the flex container. For example, if have 9 components, it will display as a grid of 3x3 components. In web design, we also have the terminology called grid.
I still wonder how I can use the script to do that in perspective.
As you can see in the firgue, I have the same 6 components. Therefore I use Flex Repeater to create each component dynamically using Python script. But we can only display it following one row/column direction. That means we will have a 6x1 or 1x6 grid. I want to display 6 components in a 2x3 matrix for example.
In web design, if you know about the CSS grid, we can specify the number of components on each row based on its size. Each row has 12 columns, so the maximum number of components on a row is 12.
