How to flex a div inside of a card to stay bottom


Topic: How to flex a div inside of a card to stay bottom

sigafoo pro asked 6 years ago

https://mdbootstrap.com/previews/templates/magazine/html/homepage/v-3.html

I'm modifying this template for my website. I was able to use flexbox on the cards so that they all are the same size, but I want the bottom section to stay at the bottom regardless of how much text is above it.

Example of what the issue is

I'm looking to have the section highlighted red, be always at the bottom of the card.

Any help is appreciated, thanks.


Marta Szymanska staff pro premium answered 6 years ago

Hi,

please create a card footer like here: https://mdbootstrap.com/snippets/jquery/marta-szymanska/464499/project and adjust it to your needs.

Best, Marta


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.7.4
  • Device: PC
  • Browser: Chrome
  • OS: Windows 7
  • Provided sample code: No
  • Provided link: Yes
Tags