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
veronica maslova
1,849 Pointsno changes on the site
I don;t understand what I am doing wrong. I've been following videos carefully, writing the same code, but there are no changes on my site. Where are those mistakes that I'm making than ruin all the result?????
I don;t know how to add image, but the upper white line is still there, nav elements for some reason are in 1 row, size of images don;t change, no changes with font and colors either - basically, no changes at all!!!
Feels like workspaces has no connection to site here's the code
/****************** GENERAL *******************/
body { font-family: 'Open Sans', sans-serif
}
wrapper {
max-width: 940px; margin: 0 auto; padding: 0 5% }
a{ text-decoration: none; }
img { max-width: 100%; }
/****************** HEADING *******************/
header { float: left; margin: 0 0 30px 0; padding: 5px 0 0 0; width: 100%; }
logo {
text-align: center; margin: o; }
h1 { font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }
h2 { font-size: 0.75em; margin: -5px 0 0; }
/****************** NAVIGATION *******************/
nav { text-align: center; padding: 10px 0; margin: 20px 0 0; }
nav lu { list-style: none; margin: 0 10px; padding: 0; }
nav li { display: inline-block;
}
/****************** FOOTER *******************/
footer { font-size: 0.75em; text-align: center; clear: both; padding: 50px; color: #ccc; }
/****************** PAGE: PORTFOLIO *******************/
gallery {
margin: 0;
padding: 0;
list-style: none;
}
gallery li {
float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #dbc3c7; }
gallery li a p {
margin: 0; padding: 5%; font-size: 0.75em; color: #dbc3c7; }
/****************** COLORS *******************/
/site body/ body { background-color: #fff color: #999; }
/green background/ header { background: #6ab47b; border-color: #599a68; }
/green background/ nav { background: #599a68; }
/link color/ nav a, nav a:visited { color: #fff; }
/selected nav link/ nav a.selected, nav a:hover { color: #32673f; }
/logo text/ h1, h2 { color: #fff }
/links color/ a { color: #6ab47b; }
3 Answers
Joachim Larsen
12,140 PointsHi!
From what I can see here, you should check for missing semicolons in your css. :-)
Chris Jardine
13,299 PointsHi Veronica
On the body property you forgot the ";" at the end of body, wrapper id and h1, h2 tags. Also logo id should be margin "0" not "o".
body {
font-family: 'Open Sans', sans-serif;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
padding: 0 5%;
}
#logo {
text-align: center; margin: 0;
}
h1, h2 {
color: #fff;
}
veronica maslova
1,849 PointsHey guys, thank you found my mistakes, corrected them, but unfortunately it didn;t help((
Xayaseth Boudsady
21,951 PointsHi Veronica,
I had similar issue also. But I'm not using workspace, as I'm following along with the video in a separate text editor (Visual Studio Code) and a Chrome browsers, loading (index.html).
Turns out the issue was an existing CSS stylesheet loading so it's not taking the new changes I made. I had to open the DevTools and check the box "Disable cache (while DevTools is open) in the settings to have my changes override the existing cache.
Try it, and see if it works. I'm not so sure about workspace though. Could b a similar issue, with a cache css loaded.