Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
General
General

Crosswise Styling Solutions for a Two-Column Grid Layout

Avatar of GromekGromek
路

Hi, I am looking for a solution for styling collection. I have a grid with 2 columns. I would like to style them crosswise. i.e. 2, 3, 6, 7, 10, 11 etc. do you think this is possible?

5 comments

  • Avatar of Sofian B.
    Sofian B.
    路

    do you have a visual example, I don鈥檛 understand the serie of number?

  • Avatar of Gromek
    Gromek
    路
  • Avatar of Sofian B.
    Sofian B.
    路

    Hmmm, And I guess it鈥檚 for a CMS collection item and it should be able to scale right?

  • Avatar of Gromek
    Gromek
    路

    yes

  • Avatar of Sofian B.
    Sofian B.
    路

    I might have a solution, but the order of the items will look weird for the user. Since you don鈥檛 seems to have dates, I will try this one. You sort the item by column from top to botttom like the second picture I shared. (image 1 and 2) Then, you just need to target every odd number of the grid to adjust the size. This is a custom selector specific to grid (image 3) If needed, you can see how I did it for a client here