Final version of site doesn't look right

Frontend Web Development: The Big Nerd Ranch Guide Chapter 5: Adative Layouts with Media Queries
1

I’m having trouble getting the site too look like the final image in this chapter which is Figure 5.7. I’m not sure if my HTML and CSS is missing something stupid that was I suppose to add during another chapter or if there’s a bug somewhere because of my version of Chrome? My version of Chrome is 62.0.3202.62 (official build).

Here is my HTML:
https://hastebin.com/ahelezoqop.html

My CSS:
https://hastebin.com/wukaguroyu.css

My results stopped looking the results after adding my first media query so I didn’t’ see the “Otters in Disarray” in Figure 5.5.

Also, is there a repo where the final front-end code for these projects can be found?

2

Please disregard, I was missing something stupid! I typed “main-contient” instead of “main-content” in my media query. I figured it out after comparing my CSS against this version of the stylesheet:

https://raw.githubusercontent.com/bignerdranch/ottergram-solutions/77fef8eef984165c592e02b2ae289966eb8d7b0e/ottergram/stylesheets/styles.css

I’m not sure how to close a topic here so I’ll let someone else do that or let me know if that’s something we should be able to do here.