Smart way to alternate number of columns in a grid?

Author Posts

kommuni

Hey,

I wonder if anyone knows about a smart way to alternate between 3 and 2 columns in a grid on a row by row basis. I know about the way to define areas but thought there might be an automatic way that I just didn’t find to do with Microthemer yet?

Cheers,
Frank


Sebastian

Hey Frank,

Yes, you can achieve this using :nth-child formulas. I couldn’t find any examples of this online, so I made a quick tutorial myself.

I hope that helps! If you need 2-3 rather than 3-2, and aren’t sure how to modify the nth-child formulas, let me know.

Cheers,
Sebastian


kommuni

That’s great support and great content marketing and the same time. Well done and thanks a lot, Sebastian!


Sebastian

You’re welcome Frank 🙂

You must login or register to reply to this topic.