Tycook7 Posted May 4, 2022 Share Posted May 4, 2022 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. Link to comment
TheSquareSpacer Posted May 4, 2022 Share Posted May 4, 2022 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 Get Our MultiCurrency Extension for Your Site (7.0 & 7.1) Feel free to reach out for help and projects! The Squarespacer Limited Link to comment
Tycook7 Posted May 5, 2022 Author Share Posted May 5, 2022 I tried that code and the cards are still not the same height. Link to comment
TheSquareSpacer Posted May 6, 2022 Share Posted May 6, 2022 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 Jacob35 1 Get Our MultiCurrency Extension for Your Site (7.0 & 7.1) Feel free to reach out for help and projects! The Squarespacer Limited Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment