{"action":"created","issue":{"url":"https://api.github.com/repos/freeCodeCamp/freeCodeCamp/issues/11989","repository_url":"https://api.github.com/repos/freeCodeCamp/freeCodeCamp","labels_url":"https://api.github.com/repos/freeCodeCamp/freeCodeCamp/issues/11989/labels{/name}","comments_url":"https://api.github.com/repos/freeCodeCamp/freeCodeCamp/issues/11989/comments","events_url":"https://api.github.com/repos/freeCodeCamp/freeCodeCamp/issues/11989/events","html_url":"https://github.com/freeCodeCamp/freeCodeCamp/issues/11989","id":194747796,"node_id":"MDU6SXNzdWUxOTQ3NDc3OTY=","number":11989,"title":"Ditch Custom CSS for Bootstrap","user":{"login":"ClearConscience","id":20130824,"node_id":"MDQ6VXNlcjIwMTMwODI0","avatar_url":"https://avatars0.githubusercontent.com/u/20130824?v=4","gravatar_id":"","url":"https://api.github.com/users/ClearConscience","html_url":"https://github.com/ClearConscience","followers_url":"https://api.github.com/users/ClearConscience/followers","following_url":"https://api.github.com/users/ClearConscience/following{/other_user}","gists_url":"https://api.github.com/users/ClearConscience/gists{/gist_id}","starred_url":"https://api.github.com/users/ClearConscience/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ClearConscience/subscriptions","organizations_url":"https://api.github.com/users/ClearConscience/orgs","repos_url":"https://api.github.com/users/ClearConscience/repos","events_url":"https://api.github.com/users/ClearConscience/events{/privacy}","received_events_url":"https://api.github.com/users/ClearConscience/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-12-10T06:15:18Z","updated_at":"2018-08-31T18:48:24Z","closed_at":"2016-12-10T06:31:47Z","author_association":"NONE","body":"<!-- FreeCodeCamp Issue Template -->\r\n\r\n<!-- Please provide as much detail as possible for us to fix your issue -->\r\n<!-- Remove any heading sections you did not fill out -->\r\nThere seems to be an issue with a section of the code which so happens to be hard-coded with the answer, I haven't tried to complete the challenge yet since it would defeat the purpose of someone going through the code and pinpointing how to change the code. In further detail, the hard-coded class \"img-responsive\" on the <img> element is not supposed to be there. What is supposed to be there is \"smaller-image\". \r\n\r\n#### Challenge Name\r\n<!-- Insert link to challenge below -->\r\nhttps://www.freecodecamp.com/challenges/ditch-custom-css-for-bootstrap#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%20%20%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch2%20class%3D%22text-primary%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%3C%2Fa%3E%0A%0A%20%20%3Cimg%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%20alt%3D%22Three%20kittens%20running%20towards%20the%20camera.%20%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-primary%22%3ELike%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%22%3EInfo%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%22%3EDelete%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A\r\n\r\n\r\n#### Issue Description\r\n<!-- Describe below when the issue happens and how to reproduce it -->\r\nThe issue can be reproduced as soon as you enter the challenge for Ditch Custom CSS for Bootstrap, I have tried to hard refresh the page to clear cached code but to no avail.\r\n\r\n\r\n#### Browser Information\r\n<!-- Describe your workspace in which you are having issues-->\r\nThe browser I am currently using is Google Chrome, no idea if Mozilla or IE will have the same issue.\r\n\r\n* Browser Name, Version: Google Chrome Version 54.0.2840.99 (64-bit)\r\n* Operating System: Microsoft Windows 10\r\n* Mobile, Desktop, or Tablet: Desktop\r\n\r\n#### Your Code\r\n<!-- If relevant, paste all of your challenge code in here -->\r\n```html\r\n\r\n<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\r\n<style>\r\n  \r\n  h2 {\r\n    font-family: Lobster, Monospace;\r\n  }\r\n\r\n  .thick-green-border {\r\n    border-color: green;\r\n    border-width: 10px;\r\n    border-style: solid;\r\n    border-radius: 50%;\r\n  }\r\n  \r\n</style>\r\n\r\n<div class=\"container-fluid\">\r\n  <h2 class=\"text-primary text-center\">CatPhotoApp</h2>\r\n\r\n  <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\" alt=\"A cute orange cat lying on its back. \"></a>\r\n\r\n  <img src=\"https://bit.ly/fcc-running-cats\" class=\"img-responsive\" alt=\"Three kittens running towards the camera. \">\r\n  <div class=\"row\">\r\n    <div class=\"col-xs-4\">\r\n      <button class=\"btn btn-block btn-primary\">Like</button>\r\n    </div>\r\n    <div class=\"col-xs-4\">\r\n      <button class=\"btn btn-block btn-info\">Info</button>\r\n    </div>\r\n    <div class=\"col-xs-4\">\r\n      <button class=\"btn btn-block btn-danger\">Delete</button>\r\n    </div>\r\n  </div>\r\n  <p>Things cats love:</p>\r\n  <ul>\r\n    <li>cat nip</li>\r\n    <li>laser pointers</li>\r\n    <li>lasagna</li>\r\n  </ul>\r\n  <p>Top 3 things cats hate:</p>\r\n  <ol>\r\n    <li>flea treatment</li>\r\n    <li>thunder</li>\r\n    <li>other cats</li>\r\n  </ol>\r\n  <form action=\"/submit-cat-photo\">\r\n    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\r\n    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\r\n    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\r\n    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\r\n    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\r\n    <input type=\"text\" placeholder=\"cat photo URL\" required>\r\n    <button type=\"submit\">Submit</button>\r\n  </form>\r\n</div>\r\n \r\n \r\n \r\n```\r\n#### Screenshot\r\n<!-- Add a screenshot of your issue -->\r\nKeep in mind, I had already changed the rest of the code to follow the directions of the challenge, kind of threw me off not being able to find \"smaller-image\" in the class selector.\r\n![2016-12-09](https://cloud.githubusercontent.com/assets/20130824/21071666/aa156a46-be5c-11e6-8e15-aa3ae313e6e1.png)\r\n\r\nThank you!\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/freeCodeCamp/freeCodeCamp/issues/comments/417757626","html_url":"https://github.com/freeCodeCamp/freeCodeCamp/issues/11989#issuecomment-417757626","issue_url":"https://api.github.com/repos/freeCodeCamp/freeCodeCamp/issues/11989","id":417757626,"node_id":"MDEyOklzc3VlQ29tbWVudDQxNzc1NzYyNg==","user":{"login":"ZokiMar","id":42437291,"node_id":"MDQ6VXNlcjQyNDM3Mjkx","avatar_url":"https://avatars1.githubusercontent.com/u/42437291?v=4","gravatar_id":"","url":"https://api.github.com/users/ZokiMar","html_url":"https://github.com/ZokiMar","followers_url":"https://api.github.com/users/ZokiMar/followers","following_url":"https://api.github.com/users/ZokiMar/following{/other_user}","gists_url":"https://api.github.com/users/ZokiMar/gists{/gist_id}","starred_url":"https://api.github.com/users/ZokiMar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ZokiMar/subscriptions","organizations_url":"https://api.github.com/users/ZokiMar/orgs","repos_url":"https://api.github.com/users/ZokiMar/repos","events_url":"https://api.github.com/users/ZokiMar/events{/privacy}","received_events_url":"https://api.github.com/users/ZokiMar/received_events","type":"User","site_admin":false},"created_at":"2018-08-31T18:48:24Z","updated_at":"2018-08-31T18:48:24Z","author_association":"NONE","body":"`<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\r\n<style>\r\n  \r\n  h2 {\r\n    font-family: Lobster, Monospace;\r\n  }\r\n\r\n  .thick-green-border {\r\n    border-color: green;\r\n    border-width: 10px;\r\n    border-style: solid;\r\n    border-radius: 50%;\r\n  }\r\n  \r\n</style>\r\n\r\n<div class=\"container-fluid\">\r\n  <h2 class=\"text-primary text-center\">CatPhotoApp</h2>\r\n\r\n  <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\" alt=\"A cute orange cat lying on its back. \"></a>\r\n\r\n  <img src=\"https://bit.ly/fcc-running-cats\" class=\"img-responsive\" alt=\"Three kittens running towards the camera. \">\r\n  <div class=\"row\">\r\n    <div class=\"col-xs-4\">\r\n      <button class=\"btn btn-block btn-primary\">Like</button>\r\n    </div>\r\n    <div class=\"col-xs-4\">\r\n      <button class=\"btn btn-block btn-info\">Info</button>\r\n    </div>\r\n    <div class=\"col-xs-4\">\r\n      <button class=\"btn btn-block btn-danger\">Delete</button>\r\n    </div>\r\n  </div>\r\n  <p>Things cats love:</p>\r\n  <ul>\r\n    <li>cat nip</li>\r\n    <li>laser pointers</li>\r\n    <li>lasagna</li>\r\n  </ul>\r\n  <p>Top 3 things cats hate:</p>\r\n  <ol>\r\n    <li>flea treatment</li>\r\n    <li>thunder</li>\r\n    <li>other cats</li>\r\n  </ol>\r\n  <form action=\"/submit-cat-photo\">\r\n    <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\r\n    <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\r\n    <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\r\n    <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\r\n    <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\r\n    <input type=\"text\" placeholder=\"cat photo URL\" required>\r\n    <button type=\"submit\">Submit</button>\r\n  </form>\r\n</div>\r\n \r\n `"}}
{"actor":{"display_login":"ZokiMar"}}