JSFiddle - React, Tailwind, and code Playground

by ihope

HTML

<svg width="100vw" height="100vh">
<g>
<rect width="50px" height="50px" fill="red" x="0px" y="0px"/>
<rect width="50px" height="50px" fill="red" x="cal(100vw - 15px)" y="0px"/>
<rect width="50px" height="50px" fill="red" x="0px" y="0px"/>
<rect width="50px" height="50px" fill="red" x="0px" y="0px"/>
</g>
</svg>

CSS

body,html{
  margin:0px;
  padding:0px;
  box-sizing: content-box;
  overflow:hidden;
}