Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) Enhancing the Design With CSS Adjusting the Layout with Media Queries

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.


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!

2 Answers

This is awesome

This makes me want to try too! Thanks for sharing!