{"action":"opened","issue":{"url":"https://api.github.com/repos/Brylliance/cokerlayout/issues/3","labels_url":"https://api.github.com/repos/Brylliance/cokerlayout/issues/3/labels{/name}","comments_url":"https://api.github.com/repos/Brylliance/cokerlayout/issues/3/comments","events_url":"https://api.github.com/repos/Brylliance/cokerlayout/issues/3/events","html_url":"https://github.com/Brylliance/cokerlayout/issues/3","id":105925246,"number":3,"title":"Horizontal Scrollbar","user":{"login":"tylertrotter","id":4097146,"avatar_url":"https://avatars.githubusercontent.com/u/4097146?v=3","gravatar_id":"","url":"https://api.github.com/users/tylertrotter","html_url":"https://github.com/tylertrotter","followers_url":"https://api.github.com/users/tylertrotter/followers","following_url":"https://api.github.com/users/tylertrotter/following{/other_user}","gists_url":"https://api.github.com/users/tylertrotter/gists{/gist_id}","starred_url":"https://api.github.com/users/tylertrotter/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tylertrotter/subscriptions","organizations_url":"https://api.github.com/users/tylertrotter/orgs","repos_url":"https://api.github.com/users/tylertrotter/repos","events_url":"https://api.github.com/users/tylertrotter/events{/privacy}","received_events_url":"https://api.github.com/users/tylertrotter/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-09-11T00:48:12Z","updated_at":"2015-09-11T00:48:12Z","closed_at":null,"body":"When the screen gets down to a certain width there is a horizontal scrollbar. This is caused by .wrapper having a width of 90% plus 50px padding on either side. Since it is using the default box model, the padding gets added to the width. On small screens 90% + 100px is greater than 100%, causing the scrollbar."}}