How to put items next to each other on mobile?

[williamk0601]

Hi there! I was wondering how I would go about aligning these two items on mobile so that they look like the desktop version. I have been attempting to use media queries but I am still unfamiliar with the syntax. This is what the section looks like on desktop:

This is what it looks like on mobile right now:

I would like them to be side by side on mobile as well. I am comfortable with editing code.

The link to the preview is here: https://b50vcq6bm9o4mjwh-55086776342.shopifypreview.com

Thank you!

[Typostores]

Hello @williamk0601 , todo this you need custom more code for section

and I think I can do it, if you free, pls contact with me, I’ll help you

thank you

[Ujjaval]

@williamk0601 You want something just like this ?

Then follow below step :

put prod1_container and prod2_container as parent class of image and content as shown in below image

After adding both class copy paste below css into theme.liquid before closing tag