etubom / colmaracademy Goto Github PK

Great! You used semantic elements like <nav>, <header> and <footer>. Semantic elements are great for anyone who is looking over your project as it increases the ability to communicate what you were trying to accomplish. This clarity in your elements also helps search engines with delivering the correct content for appropriate queries. On top of all of this, it also gives you more ways to style your content!

Grade: Exceeds Expectations

I really like this project! It had a unique take on the normal specification but also had great features on hover. The website is also completely responsive, including the images which is great! This is minor but one thing I would change is adding some headers to your <section> elements. Next steps, if you want an additional challenge - you could make the links on the page go to other pages which are also responsive.

Really nice work!

Great! I really like the extra steps you took with the layout. It is completely responsive and looks great as well - especially the when hovering over elements. Additionally, your website is matching the specification perfectly. This is important because the starting point of our design is determined by our clients which gives us an objective to meet. Deviating from this specification would leave customers or clients unhappy in the end result. Nice work!

Simplify - It's recommended to add a header (h1-h6) to any <section> elements as it serves to help with identifying sections for the browser and users. You can read more about this here: https://www.w3.org/wiki/HTML/Usage/Headings/Missing