How can I align custom liquid iframe blocks for mobile view like on my Wordpress site?

[QAPT]

I have a bunch of custom liquid iframe blocks on one of my pages. I am migrating from Wordpress and i am tryin to mimic my old sites layout as closely as possible. How would I align these blocks nice and cleanly like how I have on my wordpress? (I used Elementor). Also with mobile view?

Shopify:

https://qaptmusic.myshopify.com/pages/music

Wordpress:

https://qaptmusic.com/music/

Video of how the Mobile view looks on my wordpress. I would like it to be the same.

https://streamable.com/gin84r

[saim007]

@QAPT You have to modify the whole structure of music page because it is not proper as per griding system so it won't fix by applying css once structure is proper it will looks same as WordPress layout.

[QAPT]

So by individually adjusting the height and width of each iframe?

Is there maybe an app similar to elementor that can help structure pages?

[saim007]

@QAPT You have to hire Shopify expert to fix your whole site design issues and developer proper structure. 

[QAPT]

Just found out about the  GemPages App it helped a ton

https://qaptmusic.myshopify.com/pages/music