How do i resize cards in "Collage" section on the main page?

Store Design
,

Topic summary

A user working with the CRAFT theme needed to make cards uniform in size within the Collage section on their main page.

Resolution:

  • The issue was self-resolved by finding a solution in a blog post
  • Custom CSS code was added to the Collage section’s custom CSS area

CSS Solution Applied:

  • Used flexbox (display: flex with justify-content: space-between) on container divs
  • Set flex: 1 on child divs to ensure equal sizing
  • Made images responsive with width: 100% and height: auto

This discussion is resolved with a working solution provided.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

I am using CRAFT theme and want to resize cards to the same size in the collage section on the main page.

1 Like
2

Found solution in the one of the blogs. I added following code to custom CSS section of Collage

div {
display: flex;
justify-content: space-between;
}
div {
flex: 1;
}
img {
width: 100%;
height: auto;
}