JSFiddle - React, Tailwind, and code Playground

by Nicholas Berlette

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.16/tailwind.min.css">

<section class="relative block py-4 bg-blue-100">
  <div class="px-20 py-20 text-center text-gray-900">
    <svg 
      xmlns="http://www.w3.org/2000/svg" 
      viewBox="0 0 100 8.056" 
      role="img" 
      fill="currentColor" 
      fill-rule="nonzero" 
      preserveAspectRatio="true" 
      shape-rendering="geometricPrecision"
      class="py-4 max-h-[40px] h-auto min-w-50 w-auto cursor-pointer hover:drop-shadow-xl drop-shadow-md filter"
    >
      <path 
        d="M10.858 7.768V0h.292v8.056h-.474L.292.288v7.768H0V0h.474zM12.259 0h6.629q.771 0 1.364.04a8.188 8.188 0 011.053.133 3.3 3.3 0 01.795.253 2.094 2.094 0 01.576.4 1.47 1.47 0 01.374.581 2.2 2.2 0 01.1.673 1.673 1.673 0 01-.471 1.2 2.868 2.868 0 01-1.612.69 3.214 3.214 0 011.709.639 1.648 1.648 0 01.535 1.3 2.051 2.051 0 01-.12.662 1.635 1.635 0 01-.4.627 2.746 2.746 0 01-1.491.685 13.794 13.794 0 01-2.411.178h-6.63zm9.925 1.233a1.65 1.65 0 00-.472-.325 2.717 2.717 0 00-.663-.2 7.7 7.7 0 00-.918-.1Q19.6.585 18.892.584H12.96v3.094h6.048q.744 0 1.268-.041a5.886 5.886 0 00.89-.127 2.617 2.617 0 00.6-.209 1.653 1.653 0 00.407-.3 1.367 1.367 0 00.256-.389 1.191 1.191 0 00.093-.48 1.6 1.6 0 00-.07-.481 1.024 1.024 0 00-.268-.418zm.015 3.68a1.53 1.53 0 00-.556-.343 3.976 3.976 0 00-.762-.194 8.257 8.257 0 00-.923-.092 22.789 22.789 0 00-1.026-.022H12.96v3.152h5.926q.689 0 1.215-.029a7.726 7.726 0 00.917-.1 2.709 2.709 0 00.665-.194 1.647 1.647 0 00.482-.331 1.135 1.135 0 00.292-.451 1.543 1.543 0 00.074-.474 1.774 1.774 0 00-.068-.5 1 1 0 00-.263-.422zM33.917 3.678v.584h-9.4v3.152h9.574v.642H23.818V0h10.274v.584h-9.574v3.094zM41.377 0q.9 0 1.518.052a7.418 7.418 0 011.04.148 2.635 2.635 0 01.687.248 2.158 2.158 0 01.462.345 1.965 1.965 0 01.479.748 2.8 2.8 0 01.145.932 2.75 2.75 0 01-.145.927 1.967 1.967 0 01-.479.742 2.357 2.357 0 01-.45.345 2.759 2.759 0 01-.67.277 6.535 6.535 0 01-.993.184 12.6...