JSFiddle - React, Tailwind, and code Playground

by bryandowning

HTML

<iframe style="border: none;" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FDfnCHveqBMhMZcvCIRFbtb%2FSpectralMD_Sandbox%3Fnode-id%3D693%253A12290%26viewport%3D-15931%252C-1689%252C0.7249120473861694%26scaling%3Dcontain" allowfullscreen></iframe>

<div id="logo">
<img alt="Spectral MD Logo" src="https://static.wixstatic.com/media/a4f328_50426d030e4e4c2a9b4022fb3403e0fd~mv2.png/v1/fill/w_196,h_41,al_c,q_85,usm_0.66_1.00_0.01/SMD_Logo_WHT.webp">  
</div>

CSS

html,body {
  margin: 0;
  font-size: 0;
}

iframe {
  width: 100vw;
  height: 100vh;
}


#logo {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 40px;
  padding: 8px;
  background-color: #000;
}

img {
  height: 100%;
}