JSFiddle - React, Tailwind, and code Playground

by ainop

HTML

<svg
  width="100%"
  height="100%"
  viewBox="0 0 100 100"
  preserveAspectRatio="none">
  <path
    d="M0 50H200 M50 0V200"
    fill="none"
    vector-effect="non-scaling-stroke"
    stroke-width="10"
    stroke="#8cb900"
    />

  <path
    d="M0 100 L50 0 L100 100"
    fill="none"
    vector-effect="non-scaling-stroke"
    stroke-width="2"
    stroke="#8cb900"
    />
</svg>

CSS

body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}