JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fb-root"></div>
<script>
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>
<div id="social"> <a href="https://twitter.com/share" class="twitter-share-button" data-via="NoradSanta">Tweet</a>

    <script>
        ! function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0],
                p = /^http:/.test(d.location) ? 'http' : 'https';
            if (!d.getElementById(id)) {
                js = d.createElement(s);
                js.id = id;
                js.src = p + '://platform.twitter.com/widgets.js';
                fjs.parentNode.insertBefore(js, fjs);
            }
        }(document, 'script', 'twitter-wjs');
    </script>
    <div class="fb-like" data-href="https://www.facebook.com/noradsanta" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" data-kid-directed-site="true" data-colorscheme="light" data-width="140px"></div>
</div>

CSS

body {
    background-color: #1560a0;
}