How to keep containers consistent width with one another?

Design help Layout & Design
1

I’m having trouble keeping the containers the same size as one another when changing the display size. Please see below for examples. I’ve tried about everything and can’t seem to find a solution that doesn’t break the design.

Screenshot 2023-05-03 at 10.34.28
Screenshot 2023-05-03 at 10.34.281920×1057 153 KB

Screenshot 2023-05-03 at 10.35.00
Screenshot 2023-05-03 at 10.35.001920×1072 89.8 KB

Here is my site Read-Only: Webflow - Female AF - 1.0

2

Hi @LucaB7 you need to think about HTML structure and then use Flex. Here is a simple solution to your request.

The video was deleted as wasn’t considered a satisfying solution.

3

Thankyou! I actually did this before but I saw for some reason it’s messing up the second set of cards in the collection section.

4

no problem @LucaB7 hope that someone will give you the solution you need.

5

I used your video to find a solution. I just added another div :slight_smile:

6

Any chance you could Re-upload this video?

7

hi @LucaB7 the video is back

1 Like