treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Creating a 3 columns fluid container where contained tables don't exceed it's container DIV

  • Hello, I'm trying to create a 3 columns fluid-like design where the columns grow/shrink according to the view port (e.g. if the browser shrinks, the columns width should shrink at the same rate)

    Two of the columns contains tables, which also need to shrink, and never exceed the size of their container, if the shrink is too much, maybe enable a h-scroller that allows for the table data to remain visible.

    I was looking into the equidistant example you have with images, but I couldn't translate it to my requirements. Thanks in advance

  • I think you should be looking at media queries with suitable break points. Without seeing what the tables are supposed to look like it's hard to help.