How to auto adjust the media size with liquid

[BBBOO]

<center> <iframe
src="https://platform.ar-ty.com/api/model-viewer/a06f6ced-b21d-4cfd-97a7-900c8473065b/default/default"
style="float:center; min-width:320px; min-height:320px; border: none;"
></iframe></center>

Could someone please guide me on how to make this piece of code automatically adjust for mobile and desktop viewers so the media displays correctly in terms of size?

Thanks!

[namphan · Accepted solution]

Hi @BBBOO,

Please change code:

<center> <iframe
src="https://platform.ar-ty.com/api/model-viewer/a06f6ced-b21d-4cfd-97a7-900c8473065b/default/default"
style="float:center; min-width:320px; min-height:320px; border: none; width: 100%; height: auto;"
></iframe></center>

[BBBOO]

This works perfect thank you so much!

[namphan]

Hi @BBBOO,

You're welcome and happy to help 😊