JSFiddle - React, Tailwind, and code Playground

by Ankhena

HTML

<div></div>

CSS

* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}
body {
  margin: 0;
}

div {
  width: 300px;
  height: 300px;
  margin: 30px auto;
  background: radial-gradient(circle, gray 4px, transparent 5px) 20px 20px / 30px 30px, radial-gradient(circle at center, red 4px, transparent 5px) 5px 5px / 30px 30px;
}