JSFiddle - React, Tailwind, and code Playground
by Che Sampat
HTML
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm" style=''>
<h5 class="my-0 mr-md-auto font-weight-normal">
<svg width="130" height="25" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path d="M1.997 12.31c0-.485-.259-.71-.709-.71H0V8.118h3.899c1.515 0 2.158.678 2.158 2.193v10.086c0 .45.257.709.71.709h1.288v3.445H4.156c-1.514 0-2.159-.642-2.159-2.189V12.309zm9.802-8.122c0-.484-.256-.708-.708-.708H9.804V0h3.898c1.515 0 2.19.675 2.19 2.159V9.6c0 .805-.062 1.387-.062 1.387h.063c.773-1.58 2.804-3.256 5.637-3.256 3.677 0 5.738 1.902 5.738 6.253v6.413c0 .45.258.709.71.709h1.289v3.445h-3.9c-1.515 0-2.159-.642-2.159-2.189v-7.54c0-2-.547-3.351-2.61-3.351-2.16 0-3.834 1.416-4.446 3.414-.195.645-.26 1.354-.26 2.127v7.54H11.8V4.187zm27.675 3.544c5.03 0 9.024 3.578 9.024 8.604 0 5.06-3.995 8.604-9.024 8.604-4.991 0-8.989-3.543-8.989-8.604 0-5.026 3.998-8.604 8.99-8.604zm0 13.727c2.675 0 4.9-2.06 4.9-5.123 0-3.027-2.225-5.122-4.9-5.122-2.642 0-4.864 2.095-4.864 5.122 0 3.063 2.222 5.123 4.864 5.123zm12.09-9.15c0-.484-.255-.71-.708-.71h-1.29V8.12h3.74c1.45 0 2.19.611 2.19 1.998v.967a7.61 7.61 0 0 1-.062 1.03h.063c.74-2.352 2.706-4.22 5.22-4.22a5.3 5.3 0 0 1 .742.064v4.028s-.417-.063-.998-.063c-1.74 0-3.741.998-4.48 3.448a9.953 9.953 0 0 0-.356 2.674v6.507h-4.06V12.31zm13.832 0c0-.484-.259-.71-.71-.71h-1.288V8.12h3.898c1.516 0 2.16.678 2.16 2.193v10.086c0 .45.258.709.709.709h1.29v3.445h-3.9c-1.514 0-2.16-.642-2.16-2.189V12.309zm33.847-4.577c5.03 0 9.028 3.578 9.028 8.604 0 5.06-3.998 8.604-9.028 8.604-4.993 0-8.987-3.543-8.987-8.604 0-5.026 3.994-8.604 8.987-8.604zm0 13.727c2.68 0 4.903-2.06 4.903-5.123 0-3.027-2.224-5.122-4.903-5.122-2.64 0-4.864 2.095-4.864 5.122 0...