How can I make sure my boxes are same height?

Topic: How can I make sure my boxes are same height?

juliesduq asked 4 years ago

Expected behavior I am using this design block for a piece of my homepage : https://mdbootstrap.com/snippets/jquery/marta-szymanska/1382880 The expected behavior is for all the boxes to be same width and height.

Actual behavior I have the same width for all of them but unfortunately the height is different. enter image description here

Resources (screenshots, code snippets etc.) I have been trying to add
in order to get same height but depending on the device and screen size it does not work well, hence I have deleted them. I've also tried to add a customized css and added it to my classes on html : .row-mbv { display: flex; /* equal height of the children / } .col-mbv { flex: 1; / additionally, equal width */ padding: 1em; border: solid; }

It doesn't work either.

Anyone would have an idea regarding how to fix this issue?

Thank you very much for your help

Add comment

Michal Szymanski staff pro premium priority answered 4 years ago