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

Help modifing Equal Height Blocks in Rows javascript

  • Hi,

    I've got the script from the fluid demo on this page working fine. It's from the demo for the fluid code, apparently slightly different than the main page.

    However I need to be able to increase the height of each row by about 30px. This because I have an element inside the div that I want to absolutely position at the bottom below the content.

    I've looked at the code and can't figure out where I would cause the height to be equal to the tallest plus 30 pixels.

    please advise.

  • Since you'll position the child element absolutely, you can add padding-bottom:30px; and position:relative; to the row parent elements.

  • Thanks mmoustafa,

    Honestly I can't believe i didn't think of padding bottom.