Having a Consistent Card Height

Site URL: https://www.reviveandawaken.org/courses

I am trying to get a consistent card height in a simple list for each of my pages.  Due to the different lengths of titles and subtitles I use, my cards end up looking staggered in their row.  I would like to have each card be the same height.  Thanks for any help.

Please go to design>custom CSS and paste the following code
@media screen and (max-width: 764px) {
.user-items-list-simple .list-item {
    display: flex;
    flex-direction: column;
    min-height: 70vh;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
}
Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks

I tried that code and the cards are still not the same height.

On 5/5/2022 at 7:08 PM, Tycook7 said:

I tried that code and the cards are still not the same height.

Hi there, Thanks for reaching out!
Please try out this code and let me know how it goes. 
.user-items-list-simple .list-item {
    min-block-size: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 400px;
    justify-content: center;
}
Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks