-2

I have embedded a twitter timeline in a html page with this javascript code:

<a class="twitter-grid" href="https://twitter.com/TwitterDev/timelines/539487832448843776">National Park Tweets</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Here is the page: http://goo.gl/E4RON8

enter image description here

The problem is that I would have this effect: enter image description here

I have the correct visualization if I set zoom to +200% in Chrome.

Can you help me to set the correct css rules?

Thank you.

michele
  • 26,348
  • 30
  • 111
  • 168

1 Answers1

2

The problem is you didn't set the width properly. Try to add below CSS changes,

  • width=100% in class "entryContent" - This will expand the list items as needed.
  • max-width=100% in class "page-template-page-fullwidth-php .col-md-8"-this will over-ride existing max-width.
Srinivasan A
  • 73
  • 8