{"action":"opened","issue":{"url":"https://api.github.com/repos/alleyinteractive/apple-news/issues/100","repository_url":"https://api.github.com/repos/alleyinteractive/apple-news","labels_url":"https://api.github.com/repos/alleyinteractive/apple-news/issues/100/labels{/name}","comments_url":"https://api.github.com/repos/alleyinteractive/apple-news/issues/100/comments","events_url":"https://api.github.com/repos/alleyinteractive/apple-news/issues/100/events","html_url":"https://github.com/alleyinteractive/apple-news/issues/100","id":142409896,"number":100,"title":"Images causing text overlap on iPhone 6; fine on iPad","user":{"login":"jamesabruce","id":2298025,"avatar_url":"https://avatars.githubusercontent.com/u/2298025?v=3","gravatar_id":"","url":"https://api.github.com/users/jamesabruce","html_url":"https://github.com/jamesabruce","followers_url":"https://api.github.com/users/jamesabruce/followers","following_url":"https://api.github.com/users/jamesabruce/following{/other_user}","gists_url":"https://api.github.com/users/jamesabruce/gists{/gist_id}","starred_url":"https://api.github.com/users/jamesabruce/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jamesabruce/subscriptions","organizations_url":"https://api.github.com/users/jamesabruce/orgs","repos_url":"https://api.github.com/users/jamesabruce/repos","events_url":"https://api.github.com/users/jamesabruce/events{/privacy}","received_events_url":"https://api.github.com/users/jamesabruce/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-03-21T17:00:54Z","updated_at":"2016-03-21T17:00:54Z","closed_at":null,"body":"Our images are 640px wide; when previewed on iPad, they are correctly aligned to the right, following the plugin's default \"anchor-layout-right\" positioning. However, when previewed on an iPhone, they appear to be causing text overlap. \r\n\r\nIn the screenshot attached, the overlapping text is supposed to be immediately after the heading, then an image, then the next paragraph. However, we end up with heading , image, text + text overlaid. \r\n\r\n![img_3534](https://cloud.githubusercontent.com/assets/2298025/13926935/7420b652-ef86-11e5-85ec-b20ea5f9b90c.PNG)\r\n\r\nThis is the content that's causing it (though this is happening on all posts, not just this one)\r\n\r\n`<h3><a href=\"http://www.flickr.com/\">Flickr</a></h3>\r\nWhile it's generally thought of as an <a href=\"http://www.makeuseof.com/tag/online-photo-albums-host-free/\">image-sharing site</a>, Flickr is also great for photo storage and organization, mostly because of the fact that you receive an entire terabyte of storage for free when you sign up for a free account.\r\n\r\n<img class=\"aligncenter\" src=\"http://www.makeuseof.com/wp-content/uploads/2016/03/flickr-photostream.png\" alt=\"flickr-photostream\" width=\"640\" height=\"437\" />\r\n\r\nYou also get editing tools powered by Aviary; they're not the best, but you can do all of the basics that you're likely to need, like adjusting brightness and contrast, and getting rid of red-eye.\r\n`"}}