JSFiddle - React, Tailwind, and code Playground

by Ed Bulikyan

HTML

<div></div>

SCSS

div {
  width: 300px;
  border-radius: 50%;
  border: 3px solid gold;
  
  &:before {
    content: "";
    display: block;
    padding-bottom: 54.5454545455%;
  }
}