Grow your CSS skills. Land your dream job.

Responsive Column Height

  • # June 7, 2013 at 10:12 pm

    http://codepen.io/seraphzz/pen/jliom

    I have the codepen set to where the .col set to a fixed height and the .post set to a fixed height as well. However, I would like the .post to be fluid width (say 90% of the window) and the .col will respond to that and be let’s say 23%. But when I do that it does some weird stuff. So can someone help me figure out how to tackle this?

    Thanks in advance

    # June 8, 2013 at 5:01 am

    You can’t set a fixed height on the column, shrink it horizontally and expect everything to still fit.

    You need to define what ‘weird’ means too. What would you like to happen when the viewport is resized*?

    *Something only developers do TBH.

    # June 8, 2013 at 9:57 am

    By weird I mean it would be 20% height of the body. So I can’t set the .col div to 20% height of the post? it can only be, for example, 120px?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".