Forums

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

Home Forums CSS Problem with same height flex boxes with bottom aligned footer

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #238581
    [email protected]
    Participant

    Hi Everybody,

    I’m Tito from Spain, this is my 1st post here so I’m a bit nervous and I really appreciate if somebody could help me.

    I’ve been experimenting with flex box for a while and it’s working really good for me.

    I’m developing a website for a mall and I have a shop list made by cards wich include a header with name and background photo, the shop description and a footer with the shop link and a share a share button.

    All the cards have the same height, the header with title and background image have a fixed height in px, and the footer will be at the bottom of the card. So far I’ve got ii easily but the descriptions and driving me nuts because they are getting centered vertically and I would like them to be just bellow the header.

    I’ve created a pen with an example for easy understanding.

    https://codepen.io/titox/pen/bpNaVR

    Thanks in advance and looking forward a solution :)

    #238590
    Paulie_D
    Moderator

    If you want the columns to at like columns use flex-direction:column

    http://codepen.io/Paulie-D/pen/EKaGMx

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