Jump to content

Having a Consistent Card Height

Recommended Posts

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
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
image.png.061b4747e83b2eb0a8bb7e87332bfee9.png

image.png.c932cd42906d0f3fbb035e2030891b9a.png

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.