How to add three embedded players next to each other in Custom Liquid?

Store Design
1

Hii everyone,

Im hoping to find an answer to the following;
We have a page on our website filled with embedded bandcamp players. but they are all listed under each other.

We would like the have 3 players next to each other in a row and ideally all perfect squares.

for each embedded player the code looks like this:

I had the feeling we had to write some custom code in the custom CSS area but had no idea how to achieve what we’re looking for.

website page:
https://transatlantic.earth/pages/diggers-zone

ps; the theme was use is dawn

Would be very grateful if someone is able to help us out!

Screenshot 2023-03-10 at 12.57.52.png
Screenshot 2023-03-10 at 12.57.52.png3456×1648 208 KB

2

@Transatlantic95 - I think you have solved your issue, I can see 2 players in a row, do you still want to make 3?

3

Hi,

Yes a friend just helped us out and we got it working now!
on my screen it appears as 3, it depends on how large the screen is i think.

Thanks for your reaction though :slightly_smiling_face:

4

@Transatlantic95 -welcome… do let me know if you need any more updates.