To fix the column responsive UI issue between 656px-810px, I suggest to group tweets and blogs
        <div class="latestFeed">
            <div class="column">
                <h3>Latest tweets</h3>
                <a class="twitter-timeline" href="https://twitter.com/AeroGears" data-widget-id="390765107455594496">
                    Tweets by @AeroGears
                </a>
            </div>
            <div class="column">
                <h3>Blog</h3>
                <div id="footer-blogs" class="recent-blogs"></div>
            </div>
        </div>
and add a CSS like

.latestFeed {
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
}