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

  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 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

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
  • 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
flexbox
Related topics
0
My Colums not Side by Side
0
Cant align the unordered list out right using "margin auto" but can do it with "justify-content-end"
0
Flexbox enabled?
0
MDB Bootstrap Support
0
Header at the top, footer at the bottom and content after header
About author
sigafoo
Pro User
15Support score
3Questions 0Answers
0Snippets likes 0Snippets