cardembedresponsiveiframemodern

Responsive Embed Container

Адаптивный контейнер для встраивания iframe (видео, Canva). Сохраняет пропорции 1:1, скругленные углы, тень. Для современного UI.

Live Preview

Prompt

<div class="w-full">
  <div class="relative w-full h-0 pb-[100%] shadow-lg mt-6 mb-4 overflow-hidden rounded-lg">
    <iframe loading="lazy" class="absolute w-full h-full top-0 left-0 border-0 p-0 m-0" src="https://www.canva.com/design/DAGYt0zjOsg/9b_TsoIR-jvn76m6PS786A/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen"></iframe>
  </div>
</div>

All Prompts