X_widget.html

<div style="display: flex; justify-content: space-between; gap: 20px; margin: 20px 0;">
    <div style="flex: 1; min-width: 300px;">
        <script type="text/javascript" id="clstr_globe" src="//clustrmaps.com/globe.js?d=Nz73efCm0j_zrK-Hu4wIlrHLSqmw5p95zxZhqDcMIG0"></script>
    </div>

    <div style="flex: 1; min-width: 300px; border: 1px solid #eee; border-radius: 8px; padding: 15px;">
        <h2 style="margin: 0 0 15px 0; font-size: 1.2em;">Latest Updates</h2>
        <a class="twitter-timeline" 
           data-lang="en" 
           data-theme="light" 
           data-tweet-limit="5"
           data-show-replies="true"
           data-expand-tweets="true"
           href="https://twitter.com/Henry_YhWang?ref_src=twsrc%5Etfw">
           Tweets by Henry_YhWang
        </a>
        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
    </div>
</div>