Can I adjust the code to display two product thumbnails side by side?

Store Design
1

Hi i’ve increased the size of the thumbnails but they now list down the page well below the text etc, can i edit the code to get them to show 2 side by side?

See here https://timeandmotionuk.com/products/longines-heritage-legend-diver

2 
li.grid-item.medium-down--one-quarter.large--two-quarter {
    display: inline-block;
    max-width: 188px;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

3

Perfect thanks for the quick reply

4

hello @Leigh533

your most welcome.

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
ul#productThumbs-product-template {
display: flex;
flex-wrap: wrap;
}

ul#productThumbs-product-template li.grid-item {
width: 33.33%;
}