Forums

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

Home Forums CSS Flexbox 2 column column

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #200159
    mlasell
    Participant

    I have been trying to create a page of uneven height divs lining up in a 2 column grid. I can wrap a flexbox container around every 2 so they are equal height, but I really need to wrap a flex container around 8 so they display:
    <flex-container>
    <flex-item>1</flex-item><flex-item>2</flex-item>
    <flex-item>3</flex-item><flex-item>4</flex-item>
    <flex-item>5</flex-item><flex-item>6</flex-item>
    <flex-item>7</flex-item><flex-item>8</flex-item>
    </flex-container
    with all of the items having the same height.
    Does flexbox support such a grid concept?

    #200160
    Paulie_D
    Member

    A demo in Codepen would be helpful plus some idea of what this is supposed to look like.

    #200162
    mlasell
    Participant

    Thanks!
    http://codepen.io/mlasell/pen/JoQMpJ
    This is crude, but instead of crossing the page:
    1 2 3 4 5 6 7 8,
    I want it to display
    1 2
    3 4
    5 6
    7 8
    still maintaining the height of #5 in each

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