JSFiddle - React, Tailwind, and code Playground

by LĂ©o Durand

HTML

<svg id="frame_svg" viewBox="0 0 441 619.6" preserveAspectRatio="none">
  <polygon points="221.4,99.7 70.4,523.7 127.4,363.7 315.8,364.9 372.4,523.7 "
        fill="none"
        stroke="#333333"
        stroke-width="90"
        vector-effect="non-scaling-stroke"
        stroke-linejoin="middle"
        />
</svg>

CSS

#frame_svg {
  position: fixed;
  left: 10vw; top: 10vh;
  width: 80vw; height: 80vh;
}