{"action":"opened","issue":{"url":"https://api.github.com/repos/Tolli123/prj-rev-bwfs-dasmoto/issues/3","repository_url":"https://api.github.com/repos/Tolli123/prj-rev-bwfs-dasmoto","labels_url":"https://api.github.com/repos/Tolli123/prj-rev-bwfs-dasmoto/issues/3/labels{/name}","comments_url":"https://api.github.com/repos/Tolli123/prj-rev-bwfs-dasmoto/issues/3/comments","events_url":"https://api.github.com/repos/Tolli123/prj-rev-bwfs-dasmoto/issues/3/events","html_url":"https://github.com/Tolli123/prj-rev-bwfs-dasmoto/issues/3","id":347590682,"node_id":"MDU6SXNzdWUzNDc1OTA2ODI=","number":3,"title":"Components with a single element","user":{"login":"jordanwillis","id":7652259,"node_id":"MDQ6VXNlcjc2NTIyNTk=","avatar_url":"https://avatars2.githubusercontent.com/u/7652259?v=4","gravatar_id":"","url":"https://api.github.com/users/jordanwillis","html_url":"https://github.com/jordanwillis","followers_url":"https://api.github.com/users/jordanwillis/followers","following_url":"https://api.github.com/users/jordanwillis/following{/other_user}","gists_url":"https://api.github.com/users/jordanwillis/gists{/gist_id}","starred_url":"https://api.github.com/users/jordanwillis/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jordanwillis/subscriptions","organizations_url":"https://api.github.com/users/jordanwillis/orgs","repos_url":"https://api.github.com/users/jordanwillis/repos","events_url":"https://api.github.com/users/jordanwillis/events{/privacy}","received_events_url":"https://api.github.com/users/jordanwillis/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-08-04T05:50:00Z","updated_at":"2018-08-04T05:50:00Z","closed_at":null,"author_association":"NONE","body":"One other thing to watch out for is the temptation to create a container when it would only contain a single element.\r\n\r\nhttps://github.com/Tolli123/prj-rev-bwfs-dasmoto/blob/074eb490974cba80b06ef16a19f0f643e8fb7598/DasmotosArtsCrafts/index.html#L12-L14\r\n\r\nDoing this doesn't really bring you any benefit and in fact it typically results in more complicated CSS as well as bloated/unnecessary HTML code.  In this case, it would be better to just drop the container all together and let the heading stand on its own.\r\n\r\n``` html\r\n<body>\r\n\r\n  <h1>Dasmoto's Arts & Crafts</h1>\r\n\r\n  <div class=\"item\">\r\n    <h2 id=\"brush\">Brushes</h2>\r\n    <img src=\"https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/hacksaw.jpeg\"/>\r\n    <h3>Hacksaw Brushes</h3>\r\n    <p>Made of the highest quality oak, Hacksaw brushes are known for their weight and ability to hold paint in large amounts. Available in different sizes. <span class=\"price\">Starting at $3.00 / brush.</span></p>\r\n  </div>\r\n\r\n<!-- rest of code here -->\r\n```\r\n\r\nYou can also see how our CSS selector is less complex now.\r\n\r\nhttps://github.com/Tolli123/prj-rev-bwfs-dasmoto/blob/074eb490974cba80b06ef16a19f0f643e8fb7598/DasmotosArtsCrafts/resources/css/style.css#L54-L56\r\nvs.\r\n``` css\r\nh1 {\r\n  background-image: url(\"https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/pattern.jpeg\");\r\n  text-align: center;\r\n  font-size: 100px;\r\n  color: khaki;\r\n}\r\n```\r\n\r\nIn case you don't want to use a selector for the heading element itself, then you can just add a class or ID attribute to your heading like this.\r\n\r\n``` html\r\n<h1 id=\"desmototitle\">Dasmoto's Arts & Crafts</h1>\r\n```\r\n\r\nAnd then your selector would be...\r\n\r\n``` css\r\n#desmototitle {\r\n  background-image: url(\"https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/pattern.jpeg\");\r\n  text-align: center;\r\n  font-size: 100px;\r\n  color: khaki;\r\n}\r\n```"}}
{"actor":{"display_login":"jordanwillis"}}