Twitter feed embed

by tonytlwu

HTML

<div class="c"><a class="twitter-timeline" href="https://twitter.com/flipletapp?ref_src=twsrc%5Etfw">Tweets by flipletapp</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>

CSS

.c {
  max-width: 100%;
}

JavaScript

// Twitter's responsive embed code appears to be creating problems with iOS 11 & 12
// This is a patch that sets a custom width 
function setTwitterWidth() {
  $('.twitter-timeline').each(function () {
    if ($(this).hasClass('twitter-timeline-rendered')) {
    	$(this).css('width', $(this).parent().width());
    	return;
    }
    
    $(this).attr('data-width', $(this).parent().width());
  });
}

$(window).on('resize', setTwitterWidth);
setTwitterWidth();