Forums

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

Home › Forums › CSS › [Solved] Grid – 2 rows inside a cell with 50% height each and content centered

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 23, 2015 at 8:38 am #196596
    XaviJr
    Participant

    Here’s what I have for now: http://jsfiddle.net/fewakw1x/

    What I’m trying is to make each inside-row with 50% height of the image cell and their content vertically centered.

    Any help please? Thank you.

    February 23, 2015 at 11:25 am #196619
    XaviJr
    Participant

    But if the cols have display:table-cell shouldn’t the left one assume the height of the right one, since this is bigger?

    February 23, 2015 at 12:49 pm #196626
    XaviJr
    Participant

    That grid system seems to be just what I needed.
    Thank you very much!

    February 24, 2015 at 3:33 am #196665
    XaviJr
    Participant

    Thank you gcyrillus, that works!
    Now I only have to find a way to make my image cover the blank space when the content is taller.

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