All solutions

This has been one of my favourite challenges to complete so far, making use of JavaScript and actually see you code do something was so interesting for me

When researching solutions for this challenge as well as looking at a couple of YouTube videos. I was left confused no offense to those people but what they were doing just seemed so convoluted for a beginner project.

I recommend looking at freeCodeCamps video "JavaScript Programming - Full Course"

Any Advice would be greatly appreciated especially regarding the structure of my html and appropriate tags to use for which section and how to clean up some of my JavaScript

So a few things mentioned in my previous challenges that I have made use of

• I managed to center my object on the viewport
• I have made use of landmark tags such as main and footer

Something I had a hard time with

• trying to get the image to change from the desktop to the mobile version.
• I tried making use of a div element and changing it using CSS but no luck(maybe I was just being stupid)

So using what I know I came up with this solution, please let me know if there is anything I can change to improve on this solution

This one was pretty easy had no problem doing this project

The hardest part about this challenge was creating the circle and getting the elements to be perfectly aligned in the center, I do feel like there is a more simple solution to be honest I don't know what I did but it worked, if you could provide me with better solutions to centering the elements in the circle it would be appreciated