{"action":"created","issue":{"url":"https://api.github.com/repos/FreeCodeCamp/FreeCodeCamp/issues/7427","repository_url":"https://api.github.com/repos/FreeCodeCamp/FreeCodeCamp","labels_url":"https://api.github.com/repos/FreeCodeCamp/FreeCodeCamp/issues/7427/labels{/name}","comments_url":"https://api.github.com/repos/FreeCodeCamp/FreeCodeCamp/issues/7427/comments","events_url":"https://api.github.com/repos/FreeCodeCamp/FreeCodeCamp/issues/7427/events","html_url":"https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7427","id":138743382,"number":7427,"title":"I found that putting the attributes of the HTML element in the wrong says \"invalid syntax\"","user":{"login":"justgage","id":164033,"avatar_url":"https://avatars.githubusercontent.com/u/164033?v=3","gravatar_id":"","url":"https://api.github.com/users/justgage","html_url":"https://github.com/justgage","followers_url":"https://api.github.com/users/justgage/followers","following_url":"https://api.github.com/users/justgage/following{/other_user}","gists_url":"https://api.github.com/users/justgage/gists{/gist_id}","starred_url":"https://api.github.com/users/justgage/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/justgage/subscriptions","organizations_url":"https://api.github.com/users/justgage/orgs","repos_url":"https://api.github.com/users/justgage/repos","events_url":"https://api.github.com/users/justgage/events{/privacy}","received_events_url":"https://api.github.com/users/justgage/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/FreeCodeCamp/FreeCodeCamp/labels/help%20wanted","name":"help wanted","color":"159818"},{"url":"https://api.github.com/repos/FreeCodeCamp/FreeCodeCamp/labels/tests","name":"tests","color":"e11d81"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2016-03-06T01:50:42Z","updated_at":"2016-03-06T09:44:16Z","closed_at":null,"body":"Challenge [Add Placeholder Text to a Text Field](http://www.freecodecamp.com/challenges/add-placeholder-text-to-a-text-field#?solution=%3Clink%20href%3D%22http%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.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%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%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%3Cinput%20placeholder%3D%22cat%20photo%20URL%22%20type%3D%22text%22%3E%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%0A%0A) has an issue.\r\nUser Agent is: <code>Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.116 Safari/537.36</code>.\r\nPlease describe how to reproduce this issue, and include links to screenshots if possible.\r\n\r\nMy code:\r\n```html\r\n<link href=\"http://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\r\n<style>\r\n  .red-text {\r\n    color: red;\r\n  }\r\n\r\n  h2 {\r\n    font-family: Lobster, Monospace;\r\n  }\r\n\r\n  p {\r\n    font-size: 16px;\r\n    font-family: 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  .smaller-image {\r\n    width: 100px;\r\n  }\r\n</style>\r\n\r\n<h2 class=\"red-text\">CatPhotoApp</h2>\r\n\r\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\r\n\r\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"https://bit.ly/fcc-relaxing-cat\"></a>\r\n\r\n<input placeholder=\"cat photo URL\" type=\"text\">\r\n\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```\r\n\r\nThe main problem is this:\r\n\r\nthis does not work:\r\n```html\r\n<input placeholder=\"cat photo URL\" type=\"text\">\r\n```\r\n\r\nthis does:\r\n```html\r\n<input type=\"text\" placeholder=\"cat photo URL\">\r\n```\r\n\r\nBoth are perfectly valid html form what I understand. \r\n\r\nAlso I find it interesting that there's no talk of putting a \" />\" at the end. "},"comment":{"url":"https://api.github.com/repos/FreeCodeCamp/FreeCodeCamp/issues/comments/192851985","html_url":"https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7427#issuecomment-192851985","issue_url":"https://api.github.com/repos/FreeCodeCamp/FreeCodeCamp/issues/7427","id":192851985,"user":{"login":"alistermada","id":12993334,"avatar_url":"https://avatars.githubusercontent.com/u/12993334?v=3","gravatar_id":"","url":"https://api.github.com/users/alistermada","html_url":"https://github.com/alistermada","followers_url":"https://api.github.com/users/alistermada/followers","following_url":"https://api.github.com/users/alistermada/following{/other_user}","gists_url":"https://api.github.com/users/alistermada/gists{/gist_id}","starred_url":"https://api.github.com/users/alistermada/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alistermada/subscriptions","organizations_url":"https://api.github.com/users/alistermada/orgs","repos_url":"https://api.github.com/users/alistermada/repos","events_url":"https://api.github.com/users/alistermada/events{/privacy}","received_events_url":"https://api.github.com/users/alistermada/received_events","type":"User","site_admin":false},"created_at":"2016-03-06T09:44:16Z","updated_at":"2016-03-06T09:44:16Z","body":"@justgage The code's in `freecodecamp\\seed\\challenges\\01-front-end-development-certification\\html5-and-css.json` on line 1867.\r\n\r\n"}}