{"action":"created","issue":{"url":"https://api.github.com/repos/FreeCodeCamp/CurriculumExpansion/issues/10","repository_url":"https://api.github.com/repos/FreeCodeCamp/CurriculumExpansion","labels_url":"https://api.github.com/repos/FreeCodeCamp/CurriculumExpansion/issues/10/labels{/name}","comments_url":"https://api.github.com/repos/FreeCodeCamp/CurriculumExpansion/issues/10/comments","events_url":"https://api.github.com/repos/FreeCodeCamp/CurriculumExpansion/issues/10/events","html_url":"https://github.com/FreeCodeCamp/CurriculumExpansion/issues/10","id":163616003,"number":10,"title":"Responsive Design Challenges","user":{"login":"QuincyLarson","id":985197,"avatar_url":"https://avatars.githubusercontent.com/u/985197?v=3","gravatar_id":"","url":"https://api.github.com/users/QuincyLarson","html_url":"https://github.com/QuincyLarson","followers_url":"https://api.github.com/users/QuincyLarson/followers","following_url":"https://api.github.com/users/QuincyLarson/following{/other_user}","gists_url":"https://api.github.com/users/QuincyLarson/gists{/gist_id}","starred_url":"https://api.github.com/users/QuincyLarson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/QuincyLarson/subscriptions","organizations_url":"https://api.github.com/users/QuincyLarson/orgs","repos_url":"https://api.github.com/users/QuincyLarson/repos","events_url":"https://api.github.com/users/QuincyLarson/events{/privacy}","received_events_url":"https://api.github.com/users/QuincyLarson/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":{"login":"atjonathan","id":11198912,"avatar_url":"https://avatars.githubusercontent.com/u/11198912?v=3","gravatar_id":"","url":"https://api.github.com/users/atjonathan","html_url":"https://github.com/atjonathan","followers_url":"https://api.github.com/users/atjonathan/followers","following_url":"https://api.github.com/users/atjonathan/following{/other_user}","gists_url":"https://api.github.com/users/atjonathan/gists{/gist_id}","starred_url":"https://api.github.com/users/atjonathan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/atjonathan/subscriptions","organizations_url":"https://api.github.com/users/atjonathan/orgs","repos_url":"https://api.github.com/users/atjonathan/repos","events_url":"https://api.github.com/users/atjonathan/events{/privacy}","received_events_url":"https://api.github.com/users/atjonathan/received_events","type":"User","site_admin":false},"assignees":[{"login":"atjonathan","id":11198912,"avatar_url":"https://avatars.githubusercontent.com/u/11198912?v=3","gravatar_id":"","url":"https://api.github.com/users/atjonathan","html_url":"https://github.com/atjonathan","followers_url":"https://api.github.com/users/atjonathan/followers","following_url":"https://api.github.com/users/atjonathan/following{/other_user}","gists_url":"https://api.github.com/users/atjonathan/gists{/gist_id}","starred_url":"https://api.github.com/users/atjonathan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/atjonathan/subscriptions","organizations_url":"https://api.github.com/users/atjonathan/orgs","repos_url":"https://api.github.com/users/atjonathan/repos","events_url":"https://api.github.com/users/atjonathan/events{/privacy}","received_events_url":"https://api.github.com/users/atjonathan/received_events","type":"User","site_admin":false}],"milestone":null,"comments":9,"created_at":"2016-07-04T07:11:55Z","updated_at":"2016-09-26T14:20:56Z","closed_at":"2016-08-31T21:07:47Z","body":"@atjonathan is in charge of coordinating the expansion of these challenges, but he needs your help.\r\n\r\nFor each challenge, please reply to this GitHub issue with:\r\n1. Challenge description text\r\n2. Test suite (using the assert method)\r\n3. The seed code, which is pre-populated in the editor at the beginning of the challenge\r\n4. A working solution that makes all tests pass\r\n\r\nHere are the challenges we have currently planned (these can be further expanded):\r\n\r\n- [x] Create a Media Query\r\n - [x] Set a Responsive Breakpoint\r\n - [x] Create a Compound Media Query\r\n- [x] Make an image responsive\r\n- [x] Use a retina image\r\n- [x] Make typography responsive"},"comment":{"url":"https://api.github.com/repos/FreeCodeCamp/CurriculumExpansion/issues/comments/249583507","html_url":"https://github.com/FreeCodeCamp/CurriculumExpansion/issues/10#issuecomment-249583507","issue_url":"https://api.github.com/repos/FreeCodeCamp/CurriculumExpansion/issues/10","id":249583507,"user":{"login":"HKuz","id":9591826,"avatar_url":"https://avatars.githubusercontent.com/u/9591826?v=3","gravatar_id":"","url":"https://api.github.com/users/HKuz","html_url":"https://github.com/HKuz","followers_url":"https://api.github.com/users/HKuz/followers","following_url":"https://api.github.com/users/HKuz/following{/other_user}","gists_url":"https://api.github.com/users/HKuz/gists{/gist_id}","starred_url":"https://api.github.com/users/HKuz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/HKuz/subscriptions","organizations_url":"https://api.github.com/users/HKuz/orgs","repos_url":"https://api.github.com/users/HKuz/repos","events_url":"https://api.github.com/users/HKuz/events{/privacy}","received_events_url":"https://api.github.com/users/HKuz/received_events","type":"User","site_admin":false},"created_at":"2016-09-26T14:20:56Z","updated_at":"2016-09-26T14:20:56Z","body":"I'm considering this as a WIP - any input on the 'mobile first' sentences at the end of paragraph 1 is appreciated. \r\n\r\n#### Intro\r\nToday there are many types of devices that can access web content. These range from large desktop computers to small mobile phones. Many of these devices have different screen sizes, resolution, and processing power. Responsive Web Design is the approach to make a web project viewable in response to the device that displays it. The page structure and CSS rules should be flexible to accommodate these differences. In general, design the page's CSS to your target audience. If the expected traffic to your website is from mobile users, take a 'mobile-first' approach. Then add conditional rules for larger screen sizes. If your visitors are desktop users, then design for larger screens with conditional rules for smaller sizes.\r\n\r\nCSS provides utilities for a web developer to write different style rules and apply them depending on the device. This section will cover the basic ways to use CSS for Responsive Web Design."}}
{"actor":{"display_login":"HKuz"}}