Ширина виджета Twitter не работает

Question

Я попробовал все, используя CSS, который я могу придумать, и установить с помощью встраивания, но я не могу получить его шириной более 500 пикселей

https://jsfiddle.net/9d73rhvj/

<a class="twitter-timeline" data-widget-id="694535126655635456" href="https://twitter.com/TwitterDev" width="1300" height="750">Tweets by @PTDcommish</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>

CSS я пробовал

#twitter-widget-0 { 
      width: 100% !important; 
}

.twitter-timeline-rendered { 
      width: 100% !important; 
}

iframe[id^='twitter-widget-']{ 
      width:100%;
}

.twitter-timeline {
    width: 100% !important; 
}

Answer 1

Твиттер установил максимальную ширину для встроенных временных шкал в 520 пикселей, что, я думаю, объясняет, почему ваши решения не работают.

Из их документов ( ссылка):

Размеры

Шаблон встроенного списка временной шкалы автоматически подстраивается под ширину родительского элемента с минимальной шириной 180 пикселей и максимальной шириной 520 пикселей.