Hello there, Melissa U! 👋
Well done on this challenge! 👍 Your solution looks pretty good and is responsive! 🙌 (I like the smooth transition of the mobile navigation.) Good to hear you enjoyed it and are pretty happy with the result! 😀
A few things I suggest are,
- Turning the cards in the "OUR CREATIONS" section into links and giving them a hover state would be a nice touch.
- Turning the social media icons in the footer of the page into actual links using the anchor tag.
- Perhaps giving the navigation links in the footer of the page a hover state like the links in the header.
- The text in the "THE LEADER IN INTERACTIVE VR" section begins to overflow the body of the page and create a horizontal scroll bar along the bottom of the page in the desktop layout (at around 1200px and below). You might want to look into that and fix it!
BTW, if you want to link your JS file to your HTML file in the head of the HTML file, make sure to include the defer attribute in the script tag. This will instruct the browser to load the HTML file and the JS file at the same time but only run the JS file once the HTML file is completely loaded. If you do not include this attribute, the JS might load and try to run before the HTML is loaded (and that will be a problem since there is not HTML for the JS to work with yet). You could also move your script tag to the bottom of the HTML file to resolve this issue, but keeping the script tag in the head of the HTML file and using the defer attribute is slightly faster.
Hope this helps. 😊
Keep coding (and happy coding, too)! 😁