Need some feedback for my tribute page

Just sharing my work. I know it’s not the best but I can improve it. Any feedback is super appreciated.

https://codepen.io/mvmalacad/full/pogRRKw

I just want to learn more about semantic tags, responsiveness, flexbox and more.

5 Likes

Hi @mvmalacad,

Very nice work and it is clear that you have put a lot of hard work and time into it! :slight_smile:
The only thing I would suggest would be to look into image sizing with different screen sizes as the aspect ratio of the pictures isn’t always correct depending on the size of the screen or window the website is being viewed in.

Thanks a lot @trix19 . I was actually looking for code about how the image would be responsive to its container. Thank you for appreciating my effort. I still have a lot to learn.

Wow! This is amazing. :+1:t4:

Thank you dear. I really appreciate it.

Welcome to the forums @mvmalacad. Your page looks good. Some things to revisit;

  • The img element should have an alt attribute except under certain conditons.
  • This is an incorrect HTML entity &copy. It should be ©
  • Review the lesson about giving meaningful text to links.
    • Web Accessibility in Mind has a more thorough explanation
    • “click here for more information” isn’t really the best for accessibility. With all the work you put into this page you can probably find better wording.

https://www.w3.org/wiki/HTML/Usage/TextAlternatives

Wow. Your feedback was so very helpful. I have so many error on my code. I’ll will fixed that and follow your recommendation. Thank you so much.