Fixing Card Width

Design help Layout & Design
1

Hello! I am having issues with adjusting the cards on the pricing page to make them all the same width (we want the text on the last card to wrap earlier).

Screen Shot 2022-05-23 at 7.13.48 PM
Screen Shot 2022-05-23 at 7.13.48 PM2294×1260 360 KB

Any tips on how to fix this? Thank you!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @magicalteams,

Big welcome to the forum!

To be able to look into this further, could you please provide us with a Read-only link to your website?

Waiting by for your reply - thanks!

3

Hey Francoise! Welcome!

I would suggest using Grid for this. It’s really convenient for setting up nice even columns. I recorded a video in case you’re not familiar with Grid and how it works. The other great benefit is how easy it is to make it look great for all device sizes, as you’ll see in the video. I hope this helps!

Watch video here: 3 Column Layout
(Just a note, the video might be removed within 30 days)

All the best,
Noah

4

There are three options you can choose from to solve this problem:

  1. You can create a grid with 1 row and 3 columns and then drag each of your cards into each grid cell and set the card width to 100%
  2. You can use Columns and customize in col settings so that you have 3 cols, then drag your cards into your columns
  3. Alternatively, if none of those options appeal to you, you can place your cards within a container and set each card width to 33.333% of the container width

I hope this was helpful

5

oh my gosh! That worked!! thank you so much!!!

1 Like