JSFiddle - React, Tailwind, and code Playground

by Vladimir Kutepov

HTML

<svg width="200" height="200">
  <rect fill="orange" width="100%" height="100%" />
  <circle cx="50%" cy="50%" r="25%"/>
</svg>

CSS

html,
body {
  margin: 0;
  height: 100%;
  background: yellow;
}
svg {
  display: block;
  width: 100%;
  height: 100%;
}