{"action":"closed","issue":{"url":"https://api.github.com/repos/ga-wdi-boston/html-css-layout-positioning-study/issues/2","labels_url":"https://api.github.com/repos/ga-wdi-boston/html-css-layout-positioning-study/issues/2/labels{/name}","comments_url":"https://api.github.com/repos/ga-wdi-boston/html-css-layout-positioning-study/issues/2/comments","events_url":"https://api.github.com/repos/ga-wdi-boston/html-css-layout-positioning-study/issues/2/events","html_url":"https://github.com/ga-wdi-boston/html-css-layout-positioning-study/issues/2","id":110570264,"number":2,"title":"Response - Kelvin","user":{"login":"kelvinma","id":13605855,"avatar_url":"https://avatars.githubusercontent.com/u/13605855?v=3","gravatar_id":"","url":"https://api.github.com/users/kelvinma","html_url":"https://github.com/kelvinma","followers_url":"https://api.github.com/users/kelvinma/followers","following_url":"https://api.github.com/users/kelvinma/following{/other_user}","gists_url":"https://api.github.com/users/kelvinma/gists{/gist_id}","starred_url":"https://api.github.com/users/kelvinma/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kelvinma/subscriptions","organizations_url":"https://api.github.com/users/kelvinma/orgs","repos_url":"https://api.github.com/users/kelvinma/repos","events_url":"https://api.github.com/users/kelvinma/events{/privacy}","received_events_url":"https://api.github.com/users/kelvinma/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-10-09T01:07:41Z","updated_at":"2015-10-13T17:55:21Z","closed_at":"2015-10-13T17:55:21Z","body":"1. When using box-sizing, the size of padding and border do not affect the overall width of the box itself. Contrast that with the traditional box model, which adds the size of the padding and border to the original width of the bordered/padded element.\r\n\r\n2. Relative position elements can be moved away from their normal positions through location properties such as top, bottom, left and right. An absolute position element is given an specific location within a relatively positioned element.\r\n\r\n3. \"Gotchas\"\r\n    a. When floating an element, if the element that is being floated is bigger than its container, it will spill out beyond the container. That can be remedied with the clearfix hack.\r\n\r\n    b. \"Percent width\" layouts can cause problems when viewed on a smaller screen or browser window. Responsive design through media queries can mitigate those problems.\r\n \r\n    c. The box model can create problems can be problematic when working with elements of matching width, but dissimilar borders and padding. Using box-sizing instead can help create a consistent width throughout.\r\n"}}