All solutions

Suggestions welcome :) Thank you!

I'm wondering if the height and width of my .mainContainer should be set in px or if it's better to use vw vh? I tried this initially but then my text was not sizing appropriately when the window was resized and I wasn't sure how to address that. What do you guys do?

It took me longer to do this than I care to say, but I learned a bit more about javascript even if it doesn't all quite make sense yet!

Had some trouble getting the footer to stay at the bottom of the page, as well as getting the body to fill the entire page so that the main container could sit in the middle of the page. Not sure if everything is organized correctly, but it seems to work. Also I'm not sure if the "mobile" layout is responsive. I did not do anything special for that, and I'm not sure if I was supposed to.