Forums

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

Home Forums CSS Fluid Multiple Column Layout?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #38653
    devindevries
    Member

    Much like the CSS-tricks site layout, I would like to create a simple fluid layout whereby 4 columns of Equal width, drops to 3 columns of Equal width once the viewport is below a specific width, and then to 2 columns of Equal width at a further specified viewport width. When a column falls away, it should drop to the next line, thus display below the original columns.

    Any pointers on how to achieve this?

    Thanks Devin

    #104894
    Paulie_D
    Member

    Relatively simple.

    You just need to float the divs left and assign % widths dependent on media queries.

    See: http://jsfiddle.net/Paulie_D/QFhh9/

    #104920
    devindevries
    Member

    Awesome, thanks so much!

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