Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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!