JSFiddle - React, Tailwind, and code Playground

by deathstalkersid

HTML

<html class="h-100" lang="en">

  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>


  <body class="h-75">
    <div class="container h-100">
      <div class="h-100 parent inline-block">
        <div class="row h-100 justify-content-md-center">
          <div class="col-2 border">
            1 of 3
          </div>
          <div class="col-auto border h-100">
            <svg viewBox="0 0 360 640" class="h-100" fill="none" xmlns="http://www.w3.org/2000/svg">
              <rect width="360" height="640" fill="#9E3D3D" />
              <path d="M77.3438 279.34H55.1602V297.48H80.9297V303H48.4102V251.812H80.5781V257.367H55.1602V273.82H77.3438V279.34ZM101.074 278.848L109.512 264.961H117.105L104.66 283.77L117.492 303H109.969L101.18 288.762L92.3906 303H84.832L97.6641 283.77L85.2188 264.961H92.7422L101.074 278.848ZM147.516 303C147.141 302.25 146.836 300.914 146.602 298.992C143.578 302.133 139.969 303.703 135.773 303.703C132.023 303.703 128.941 302.648 126.527 300.539C124.137 298.406 122.941 295.711 122.941 292.453C122.941 288.492 124.441 285.422 127.441 283.242C130.465 281.039 134.707 279.938 140.168 279.938H146.496V276.949C146.496 274.676 145.816 272.871 144.457 271.535C143.098 270.176 141.094 269.496 138.445 269.496C136.125 269.496 134.18 270.082 132.609 271.254C131.039 272.426 130.254 273.844 130.254 275.508H123.715C123.715 273.609 124.383 271.781 125.719 270.023C127.078 268.242 128.906 266.836 131.203 265.805C133.523 264.773 136.066 264.258 138.832 264.258C143.215 264.258 146.648 265.359 149.133 267.562C151.617 269.742 152.906 272.754 153 276.598V294.105C153 297.598 153.445 300.375 154.336...