{"action":"created","issue":{"url":"https://api.github.com/repos/kcc-nma-art258/assignments/issues/35","labels_url":"https://api.github.com/repos/kcc-nma-art258/assignments/issues/35/labels{/name}","comments_url":"https://api.github.com/repos/kcc-nma-art258/assignments/issues/35/comments","events_url":"https://api.github.com/repos/kcc-nma-art258/assignments/issues/35/events","html_url":"https://github.com/kcc-nma-art258/assignments/pull/35","id":106190499,"number":35,"title":"Hyela Lee - Assignment 2:Creating layouts in HTML/CSS","user":{"login":"githubhyelalee","id":13970531,"avatar_url":"https://avatars.githubusercontent.com/u/13970531?v=3","gravatar_id":"","url":"https://api.github.com/users/githubhyelalee","html_url":"https://github.com/githubhyelalee","followers_url":"https://api.github.com/users/githubhyelalee/followers","following_url":"https://api.github.com/users/githubhyelalee/following{/other_user}","gists_url":"https://api.github.com/users/githubhyelalee/gists{/gist_id}","starred_url":"https://api.github.com/users/githubhyelalee/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/githubhyelalee/subscriptions","organizations_url":"https://api.github.com/users/githubhyelalee/orgs","repos_url":"https://api.github.com/users/githubhyelalee/repos","events_url":"https://api.github.com/users/githubhyelalee/events{/privacy}","received_events_url":"https://api.github.com/users/githubhyelalee/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-09-12T23:34:11Z","updated_at":"2015-09-21T07:29:02Z","closed_at":"2015-09-21T06:06:43Z","pull_request":{"url":"https://api.github.com/repos/kcc-nma-art258/assignments/pulls/35","html_url":"https://github.com/kcc-nma-art258/assignments/pull/35","diff_url":"https://github.com/kcc-nma-art258/assignments/pull/35.diff","patch_url":"https://github.com/kcc-nma-art258/assignments/pull/35.patch"},"body":"@normaucore58, @sam-campos \r\nnote:1 Apple homepage had 3 sections that include Hero-slide, info-4columns, black quote. But they updated, now they have only hero section. \r\nnote:2 I am not using absolute or relative positioning since I put header in container. But Mike demonstrated in differently in class, I think. \r\nAny thoughts or suggestion? \r\n\r\nIf you think it's good to go, please comment, \"Run Forest, Run\"\r\n"},"comment":{"url":"https://api.github.com/repos/kcc-nma-art258/assignments/issues/comments/141897737","html_url":"https://github.com/kcc-nma-art258/assignments/pull/35#issuecomment-141897737","issue_url":"https://api.github.com/repos/kcc-nma-art258/assignments/issues/35","id":141897737,"user":{"login":"micjamking","id":651702,"avatar_url":"https://avatars.githubusercontent.com/u/651702?v=3","gravatar_id":"","url":"https://api.github.com/users/micjamking","html_url":"https://github.com/micjamking","followers_url":"https://api.github.com/users/micjamking/followers","following_url":"https://api.github.com/users/micjamking/following{/other_user}","gists_url":"https://api.github.com/users/micjamking/gists{/gist_id}","starred_url":"https://api.github.com/users/micjamking/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/micjamking/subscriptions","organizations_url":"https://api.github.com/users/micjamking/orgs","repos_url":"https://api.github.com/users/micjamking/repos","events_url":"https://api.github.com/users/micjamking/events{/privacy}","received_events_url":"https://api.github.com/users/micjamking/received_events","type":"User","site_admin":false},"created_at":"2015-09-21T07:29:02Z","updated_at":"2015-09-21T07:29:02Z","body":"Hi @githubhyelalee, Chris Ota probably recommended pixels to you because it is the easiest to learn and master CSS with, not because it is the best to use in every case. For first year students in web design, I would also recommend designing in pixels instead of `em` and `%`, until you understand how floats work together with margin/padding (especially if you haven't learned `box-sizing: border-box` yet). \r\n\r\nUsing `em` & `%` can require doing some sophisticated math at times, and generally planning ahead for how your layout and components will work together. Designing using `em` & `%` is much easier in Sass since you can do basic Math operations with it. Best practice for responsive web design is to create a fluid, percentage based grid, since that allows your layout and components to resize with the browser.\r\n\r\nEthan Marcotte, the designer who coined the term _Responsive Web Design_, has a great article on designing responsively using `em` and `%` values to create fluid layouts.\r\n- [A List Apart: Fluid Grids](http://alistapart.com/article/fluidgrids) \r\n\r\nWe'll be talking about this in class this week, but I just thought I would share with you since you are already there."}}