Fluid Width and Height Columns

[telagraphic]

Followed the Don’t Overthink It Grids approach and came up with a layout that has a simple sidebar and content section.

Is there a simple solution with CSS, no flex box, for making the height of the sidebar and its background expand to the same height of the content section?

http://codepen.io/telagraphic/pen/jVVvNX

The float sizes to the sidebar’s content height, haven’t seen an answer to this one yet.

[Beverleyh]

van$eodesign.com/css/equal-height-columns/

4 methods here. Change the $ in the domain to an ‘s’ when you paste into your browser – the forum here doesn’t like that 3-letter search friendly acronym.

Also see this https://css-tricks.com/fluid-width-equal-height-columns/

[Author]

Posts