I attempted to replicate the "Lake Tahoe" page from SCRATCH on my own to the best of my ability. Critique please!

Hello all, just started getting into Web Dev seriously and thought that after learning these lessons up until this point. I wanted to try to replicate that example page that is in the video so I can remember what we have learned. I also saw that this was our last lesson working with the CSS basics module so i thought it was only right to do this.

https://codepen.io/kiusthugs/pen/gOMOrox

Provided is the codepen to copy and paste a index.html and style.css file into your editor. The images can be found within the video that this thread is on. Look at how my image paths are in my html to see how I setup these images accordingly.

Things to note:

-Disregard any comments, they were mainly used to help me understand some of the hiccups I occurred and they can be used as notes for me to look back on. I know comments should be used to explain what's is going on so other devs can read it.

• I didn't copy font styles, font sizes or spacing around every element to the exact pixel, I made the spacing according to how I saw and felt the elements needed to be spaced.
• I didn't copy some of the exact colors.
• The names of my element id's and classes are pretty random
• I didn't use box-sizing as I couldn't find a use for it with the adjustments I made

Nonetheless, I hope I did ok for a beginner!