JSFiddle - React, Tailwind, and code Playground

by jpeter06

HTML

<svg  width="auto" height="100%" viewBox="0 0 700 700" preserveAspectRatio="xMidYMid meet">
  <rect width="600" height="600" style="fill:green;stroke-width:3;stroke:rgb(0,0,0)" />
  <rect width="600" x="100" y="100" height="600" style="fill:red;stroke-width:3;stroke:rgb(0,0,0)" />
</svg>

CSS

html, body{
  width:100%;
  height:100%;
  padding:0px;
  margin:0px;
  overflow:hidden;
}