Assessment needed: for “Structuring a page of content” is this ok like this?

Hello,

I have finished the “Structuring a page of content” Assessment and would like to know
if i did it correctly.

 <!DOCTYPE html>
Birdwatching

Birdwatching

a simple dove logo

Welcome

Welcome to our fake birdwatching site. If this were a real site, it would be the ideal place to come to learn more about birdwatching, whether you are a beginner looking to learn how to get into birding, or an expert wanting to share ideas, tips, and photos with other like-minded people.

So don't waste time! Get what you need, then turn off that computer and get out into the great outdoors!

<aside>
  <h2>Favourite photos</h2>
  <a href="favorite-1.jpg"><img src="favorite-1_th.jpg"
      alt="Small black bird, black claws, long black slender beak, links to larger version of the image" /></a>
  <a href="favorite-2.jpg"><img src="favorite-2_th.jpg"
      alt="Top half of a pretty bird with bright blue plumage on neck, light colored beak, blue headdress, links to larger version of the image" /></a>
  <a href="favorite-3.jpg"><img src="favorite-3_th.jpg"
      alt="Top half of a large bird with white plumage, very long curved narrow light colored break, links to larger version of the image" /></a>
  <a href="favorite-4.jpg"><img src="favorite-4_th.jpg"
      alt="Large bird, mostly white plumage with black plumage on back and rear, long straight white beak, links to larger version of the image" /></a>
</aside>

This fake website example is CC0 — any part of this code may be reused in any way you wish. Original example written by Chris Mills, 2016.

Dove icon by Lorc.

thank you for your feedback.

Hi @gomer.pyle, and thanks for sending in your code.

Unfortunately, when you paste HTML directly into a discourse post, it interprets the code and shows a weird rendering of it, rather than the source. To show the source in the post, you need to put your code block in between two lines of three backticks each, for example

```
<p>your code here</p>
```

which will render like this:

<p>your code here</p>

An even better way to share your code with us is to put it into an online code sharing app like codepen or jsfiddle, and send us the URL that points to it.

Hello chrisdavidmills,

Thank you for your reply.

I hope this link will work.
https://codepen.io/GomerPyle/pen/PoZyKpX

@gomer.pyle that worked perfectly, thanks!

I’ve looked through your code, and your answer here looks perfect. Well done.

1 Like