Skip to main content

Forums

This topic contains 1 reply, has 2 voices, and was last updated by  Paulie_D 1 year ago.

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
    Moderator

    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)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star