JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<svg preserveAspectRatio="xMinYMin meet" width="100px" height="100px" viewBox="0 0 200 400">
  <rect x="5" y="5" width="190" height="390" fill="blue"/>
  <svg viewBox="0 0 500 500">
    <rect x="0" y="0" width="100" height="100" fill="orange"/>
  </svg>
</svg>

CSS

svg {
  margin: 10px;
  border: solid 4px green;
}