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 How to Make a Website Sharing a Website Upload the Website

Stephen Laluma
PLUS
Stephen Laluma
Courses Plus Student 17,318 Points
Posted by Stephen Laluma
Stephen Laluma
Courses Plus Student 17,318 Points

contents on my responsive.css in not the same when I checked the style editor from my browser

my coding for my id splash is:

splash {

width: 400px;
height: 200px;
margin: 0 5px 0 10px;
padding: 10px;

}

and I uploaded it to my webhost. When I checked the style editor on my browser, this is what came out:

splash {

width: 8em;
height: 5em;
margin: 0 5px 0 -25px;
padding: 10px;

}

Why is it not the same? The code by the way is under media rules min-width is 480px.

my website is www.mycoffeeforever.com

thanks

2 Answers

Perry Eising
Perry Eising
12,663 Points

do you have CSS styles or even an additional stylesheet that is overwriting some of your styles?

Are you uploading the correct file (this happens to the best of us) and viewing it from the same location you are uploading it?

Stephen Laluma
PLUS
Stephen Laluma
Courses Plus Student 17,318 Points
Stephen Laluma
Stephen Laluma
Courses Plus Student 17,318 Points

It's now ok. I guess it only needs to refresh. What I did, I closed everything and did other work. After a few minutes, I opened it to work on it again and it was ok. Thanks for the help though.