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

Andy Heavens
seal-mask
.a{fill-rule:evenodd;}techdegree
Andy Heavens
Full Stack JavaScript Techdegree Student 2,960 Points
Posted by Andy Heavens
.a{fill-rule:evenodd;}techdegree
Andy Heavens
Full Stack JavaScript Techdegree Student 2,960 Points

First ever CSS project (Part of the Full Stack Degree) - Need feedback please...

Hello all

Ok, so I have just finished CSS basics and thought id put the learning into action so had a go on workspaces to create a front website page. Im still very new to all of this so would like to know if im getting this or not.

Ive put the files on my Github account but the first problem i have come across is when previewing on rawgit, the photos were not being picked up. This is obviously where the html is not picking up the files but not sure why????

https://cdn.rawgit.com/AndyHeavens/First-Colombia-Project/5b6e9cc8/index.html

Second issue I had was trying to get media queries picked up on my code. For some reason the media queries were being ignored and i cant see why (i have left one in to show). Therefore the page is set up for max screen on chrome only.

Please have a look if you could and tell me what your guys think of the project itself and if you can help with the issues as well that would be great!

Cheers Andy

1 Answer

Chris Jardine
Chris Jardine
13,299 Points
Chris Jardine
Chris Jardine
13,299 Points

Hey Andy

src="../images/Catedral.jpg" should be written src="images/Catedral.jpg" and they should show up.

@media (max-width: 800px) { .body { color: #000; } } The media queries rules changes the text color, if you wanted the background color of the body to change, it should be: @media (max-width: 800px) { .body { background-color: #000; } } Keep going you'll get the hang of it!

Cheers Chris.