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

Add comment

Marta Wierzbicka staff answered 5 years ago

0 0 Best answer

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

Add comment

Write

Create snippet

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

sigafoo

Pro User 15Support score
3Questions 0Answers 0Snippets