JSFiddle - React, Tailwind, and code Playground

by bingjie2680

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>test</title>
    <script>
        console.log("[Timer] Channel script fetch time: " + Date.now());
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <script type="application/javascript" data-channel="544e0584e4b0ca66cc8b3af0" src="http://c-dev.zmags.com/channels.js"></script>
    <style>
        .main {
            font-family: arial, sans-serif;
            width: 1450px;
            margin: auto;
        }

        .experience {
            height: 600px;
            margin-right: 20px;
            float: left;
        }

        .experiences {
            clear: both;
            margin-bottom: 20px;
        }

        h4 {
            color: red;
        }

        iframe {
            border: 1px solid #ddd;
        }

        iframe #viewport .page-viewport.top {
            overflow-y: hidden !important;
        }
    </style>
</head>
<body>
<div class="main">
    <h1>Channel test</h1>
    <div class="experiences">
        <div class="experience channel">
            <h4>Zmags Experience(channel)</h4>
            <div style="width:900px; height:400px" class="external-font"></div>
        </div>
    </div>
</div>
</body>

</html>