1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: How to flex a div inside of a card to stay bottom

sigafoo pro asked 5 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 Wierzbicka staff answered 5 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

Write
Create snippet
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
  • ForumUser: 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
flexbox
About author
sigafoo
Pro User 15Support score
3Questions 0Answers 0Snippets