JSFiddle - React, Tailwind, and code Playground

by Nate

HTML

<svg viewBox="0 0 50 10">
    <line x1="0" y1="5" x2="100" y2="5" />
</svg>

CSS

* {
  padding: 0;
  margin: 0;
}

html, body {
    width: 100%;
    height: 100%;
}

svg {
    /* width: 300%; */
}

line {
    stroke: black;
    stroke-width: 2px;
}