Merge pull request #13415 from Manish-Giri/fix/improve-instructions-add-images

Improve instructions in add images challenge

challenges/01-responsive-web-design/basic-html-and-html5.json

@@ -565,10 +565,10 @@
         "You can add images to your website by using the <code>img</code> element, and point to a specific image's URL using the <code>src</code> attribute.",
         "An example of this would be:",
         "<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\"&#62</code>",
+        "Note that in most cases, <code>img</code> elements are self-closing.",
         "All <code>img</code> elements <strong>must</strong> have an <code>alt</code> attribute. The text inside an <code>alt</code> attribute is used for screen readers to improve accessibility and is displayed if the image fails to load.",
         "Let's add an <code>alt</code> attribute to our <code>img</code> example above:",
         "<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\" alt=\"Author standing on a beach with two thumbs up.\"&#62</code>",
-        "Note that in most cases, <code>img</code> elements are self-closing.",
         "<hr>",
         "Let's try to add an image to our website:",
         "Insert an <code>img</code> tag, before the <code>h2</code> element.",