JSFiddle - React, Tailwind, and code Playground

by Toshi Takeuchi

HTML

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta name="ad.size" content="width=160,height=600">

    <!- Begin Adobe Specific ->

      <script type="text/javascript" src="https://ads.everesttech.net/ads/static/local/AMOLibrary.js"></script>
      <script type="text/javascript">
        amo.registerAttribute("headline", "TEXT", "<span style='color: #66d9ff;'>Free eBook:</span><br />Deep Learning vs. Machine Learning");
        amo.registerAttribute("subHeadline1", "TEXT", "What\'s the difference?");
        amo.registerAttribute("subHeadline2", "TEXT", "Which approach is best<br />for you?");
        amo.registerAttribute("logoImage", "IMAGE", "images/mathworks-logo-white.png");
        amo.registerAttribute("backgroundImage", "IMAGE", "images/dl-vs-ml-ad-160x600.jpg");
        amo.registerAttribute("ctaText", "TEXT", "Download now");
        amo.registerClick("clickUrl", "https://www.mathworks.com/campaigns/offers/deep-learning-vs-machine-learning-algorithm.html");

      </script>

      <!- End Adobe Specific ->

        <style media="screen">
          #headline {
            font-size: 18px;
            font-weight: bold;
            text-transform: none;
          }

          #subHeadline1,
          #subHeadline2 {
            font-size: 14px;
            font-weight: normal;
            text-transform: none;
          }

          body {
            margin: 0;
            padding: 0;
            user-select: none;
          }

          #ad {
            position: relative;
            margin: 0;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
            color: #fff;
            cursor: pointer;
            overflow: hidden;
            background-color: #001726;
          }

          #ad>div {
            position: absolute;
          }

          .asset img {
            max-width: 100%;
            max-height: 100%;
            position: relative;
            top: 50%;
            left: 50%;
      ...