Hello,

You can use grid layout for that. Give your list the "display-grid" CSS class and then define that class in your theme:

.display-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px 16px;
}

More details about grid layout are available here.

Hey @Mario Sepulveda ,

If you want to add 3 columns inside a list then first you have to calculate the width of each container.For your case it is 12/3=4 col.

So you have to put 4 col in each of the three container.

In my case I got the below output

I have attaching OML for more details.

I hope this will help you.

Thanks & Regards,

Sudip Pal