How can I evenly space variant pickers on my website?

Hey there,

Im hoping to get the variant pickers I have to have an even spacing over 100% like in the picture below (Red rectangles).

Ive tried using flexbox and set it as “between” but it just gets a little whacky.

Any help would be appreciated!

Store: click me

Password: siesoh1

@itsolidude12 - can you share the page link where you have 2 variants?

1 Like

https://redpointgadgets.com/collections/gadgets/products/pet-water-bottle

@itsolidude12 - please add this css and check

select {width: 100%;}
.variant-wrapper--dropdown {margin-right: 0;    width: 49%;}

1 Like

Works great for 2 ! I’ve already tried that, the problem is that, if its just 1, it wont take up a 100% of the width or if there’s a third one. I do think that flexbox somehow is the solution.