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

stuck on -> Implementing Media Queries lesson when following along

my question is:

why did they change the css and html in the smells like bakin website that I was following along with without telling us? they show Allison just pasting in some css (the navigation bar) but its all for div ID's not classes, which is what the html was before this lesson. i looked at the code playground to see, they have switched up the navigation... each link having its own class. they never really explain this though. the only reason i am asking about this is that after i copied their "updated" versions of the navigation section of the site ... the CSS isnt getting applied after i save...

discouraged,

zack

ah, i knew it was my mistake somewhere. still annoyed with how they didn't mention the changes i pointed out, but i have got it to work with copying and pasting in their versions. i just wasn't saving the stylesheet and the html file separately in Sublime. i thought that by hitting command S would save all the tabs i had open. my bad on that one.;

Hey Zack! Good job at troubleshooting your problem. Thanks for posting back the solution as I'm sure it will help others.

It's important to work past those discouraged emotions as you work through new things, success is related closely to persistence.

You'll be a master in no time! I'll try to answer any questions I see you post.

Best wishes -- Brian Story

3 Answers

alright, so this is how/why i got confused... I need to write about this because it was bothering me for a few WHOLE DAYS.

in between Building a simple website and building a Responsive website they change some styling without letting you know. they also snuck in some code that I had not learned about yet. I was following along in Sublime.

it went from:

border: 8px solid #faf3bc;

...on the #featured-cupcake img style to:

box-sizing: border-box;
background-color: #faf3bc;
padding: 8px;
margin: 0 0 5% 0;

box-sizing:border-box? I have never heard of that.

I messed around with the padding and margin and it was driving me nuts because it wasn't fixing it.

I didn't want to download their code because I wanted to manually type in all the code to get used to it. But I guess they design these lessons where you're supposed to download the code like a lazy person. I am very relived that I solved this though and am excited to start fresh tomorrow.

Someone who experiences this same problem might have a hard time finding this thread but I hope they do.

Anyway... all good.

Oh wait, I also noticed that their images and font all changed too without letting us follow along as to how they did that. WHY!

Siddharth Naik
Siddharth Naik
4,779 Points

Hey zack, I'm experiencing the same issue. Even if I try to fix it's just not happening. Even if I copy paste their code and run my index.html for 1024x768 resolution it is still showing the "you make me blush" image. If I run their index.html page and when I switch the resolution to 1024x768 it doesn't show the "you make me blush" image. Also they have made some serious changes in their style.css, god knows what! Nick was a better teacher. Allison just copy pasted the entire code. I didn't understand a shit. :@

Siddharth Naik
Siddharth Naik
4,779 Points

Yo! Anyway, I've found the solution as well. Needed to implement different classes everywhere. Done. :)