Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to split objects in multiple columns

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #276532
    OliverBrace
    Participant

    Hello. My knowledge of CSS is incredibly small so apologies if my question is stupid.

    I have 3 columns and I have 3 Things. Object 1 changes length, Objects 2 and 3 are fixed length.

    When object 1 is the same length as objects 2 and 3 there is no issue. The 3 objects split themselves nicely in the 3 columns. However when Object 1 is longer than Object 2 and 3 combined, then Objects 2 and 3 both get put into Column 2 and Column 3 is left empty. I don’t want it to do this.

    How can I get it to split evenly. I have tried using break-before: column but it doesn’t seem to work.

    Any help would be greatly appreciated.

    #276537
    Paulie_D
    Member

    A demo in Codepen.io would be ideal here but I don’t think this is something solvable by/in CSS columns.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.