JSFiddle - React, Tailwind, and code Playground

by Jordan Sayner

HTML

<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;

 padding-bottom: 48px; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;

 border-radius: 8px; will-change: transform;">

  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"

    src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAEmziFYM-Y&#x2F;view?embed">

  </iframe>

</div>

<a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAEmziFYM-Y&#x2F;view?utm_content=DAEmziFYM-Y&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Partnering with Happiness Lab</a> by David Bellamy

 

https://www.canva.com/design/DAEmziFYM-Y/view

 

 

 

Banner style 

 

<div style="position: relative; width: 100%; height: 0; padding-top: 33.3333%; 

 padding-bottom: 48px; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;

 border-radius: 8px; will-change: transform;">

  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"

    src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAEqBZzoj-E&#x2F;view?embed">

  </iframe>

</div>

<a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAEqBZzoj-E&#x2F;view?utm_content=DAEqBZzoj-E&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Copy of Copy of Everyone OK?</a> by David Bellamy

 

https://www.canva.com/design/DAEqBZzoj-E/view

 

Instagram style

 

<div style="position: relative; width: 100%; height: 0; padding-top: 100.0000%; 

 padding-bottom: 48px; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;

 border-radius: 8px; will-change: transform;">

  <iframe loading="lazy" style="position: absolute; width: 100%;...