JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<section id="twitch" class="target">
      <div class="container-fluid">

      <h1 class="display-4 text-responsive">Twitch</h1>
      <p>Check out our stream below!</p>


                <!-- Add a placeholder for the Twitch embed -->
                <div id="twitch-embed" class="d-flex justify-content-center"></div>

                <!-- Load the Twitch embed script -->
                <script src="https://embed.twitch.tv/embed/v1.js"></script>

                <!-- Create a Twitch.Embed object that will render within the "twitch-embed" root element. -->
                <script type="text/javascript">
                    new Twitch.Embed("twitch-embed", {
                    width: 854,
                    height: 480,
                    channel: "systemsunited",
                    // only needed if your site is also embedded on embed.example.com and othersite.example.com
                    parent: ["systemsunited.net", "www.systemsunited.net"]
                    });
                </script>

      </div>
    </section>