All solutions

This was my first time using JavaScript. :) I'm not sure about my use of "var" variables in my JavaScript. I've read that you shouldn't really use them, but since "let" and "const" are immutable, I wasn't really sure how to use them for the variables I needed.

I found stacking elements in order to get a hover-over transparency effect difficult. It took me a while to figure out the relative and absolute positioning stuff. This one felt far better to me than my last challenge, though.

I'm not certain about my font size between desktop and mobile. How much should you change font size between platforms, if at all? Thank you for any feedback.

I really struggled on this. Something about my HTML layout made the elements in the main container feel like they weren't really "attached" to it: they would scale strangely with the size of the window instead. I made the desktop version a fixed size because I couldn't figure out how to get it to scale correctly. The mobile version is fine.

I feel like I changed far more under the @media query than necessary because of all the tweaking I tried to do to get things to scale nicely in desktop mode. I feel like there's probably a simpler way to do it that I'm missing, or just something wrong with the basic layout of my HTML.

I'm unsure about my use of @media. I basically copy and pasted all of my CSS inside the media query and altered it there. I'm not clear on what the minimum is that I would need to put inside the media query for it to be effective.