JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<svg viewBox="0 0 300 300" class="resize">
  <circle cx="150" cy="150" r="130" fill="none" stroke="#000" stroke-width="10"></circle>
</svg>

<svg width="300" height="300" viewBox="0 0 300 300">
  <circle cx="150" cy="150" r="130" fill="none" stroke="#000" stroke-width="10"></circle>
</svg>

CSS

.resize {
  width: 50%;
  height: 50%;
}