Topic: Card full height and footer

pabloabl premium asked 3 years ago


Inside a grid-container I have a div card, I need two things. 1- That it has a height of 100%, that covers the entire grid-container. 2.- Add a footer that is located at the bottom of the grid-container.

Has the same happened to someone?

Thanks and best regards. Pablo.

enter image description here

Marcin Luczak staff commented 3 years ago

Hi @pabloabl,

If you want your card to covers 100% of your grid element, you can add style to a card to have width: 100%; height: 100% but you have to assure that your grid container has explicit height and width. You can also try to use our grid cards or documentation for vertical alignment of elements inside the grid

Please also provide a snippet with your actual code so I can better understand your problem and give you better solutions.

Regards, Marcin

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.19.2
  • Device: PC-Notebook-Tablet
  • Browser: Chrome
  • OS: All
  • Provided sample code: No
  • Provided link: No