Adjusting Sizing of Selection on Product Page

Hello,

Site Url: https://layeredbrissa.squarespace.com/ PW: bless304

(Please refer to attached image) I would like to adjust the look of the custom selections on my product page. When I add multiple selections the alignment with the product image is off and doesn't look good. My main solutions/questions to resolve this is:

1) How do I put 2 selections per line, instead of 1 per line?

2) How do I reduce the overall sizing of the product selections so that it stays alligned with the image?

You mean place product images: 2 images/row

or place these dropdowns to 2 dropdown/row?

The dropdowns 2 in a row @tuanphan

On 2/3/2023 at 4:05 PM, Gift said:

The dropdowns 2 in a row @tuanphan

Add to Design > Custom CSS

@media screen and (min-width:768px) {
.variant-option {
    width: 45% !important;
}
}