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

Tracy Excell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points
Posted by Tracy Excell
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points

Sass help?

Hi,

Is there anyone who is confident in Sass who would mind answering a few questions for me? The video's are really clear, with the steps to follow, but my project is not showing the css in the browser once I have made changes with Sass.

https://w.trhou.se/1g7wf8cu0w

Any help would be much appreciated.

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

changed category to css

1 Answer

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

Sass is working, your css paths are not.

From your main.html, your path should be ../css/applications.css

Tracy Excell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points
Tracy Excell
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points

Thank you for your help. I have changed the css path, however when I preview the site the css is still not showing in the browser. If you have any ideas on what I am doing wrong, your help would be appreciated.

https://w.trhou.se/1g7wf8cu0w

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

Where did you change it, cause I just looked at your code, and in your main.html you still have this:

<link rel="stylesheet" href="application.css">

and what it should be is 

<link rel="stylesheet" href="../css/application.css">

I bet right now if you look in your browsers dev tools you'll see that the application.css currently is a 404 status.

Tracy Excell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points
Tracy Excell
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points

Thank you Kevin! I also had a spelling mistake (s) on end of application. I do not think I would have picked that silly mistake up. Out of curiosity .. what is a 404 status?

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

Sounds good, yep silly mistakes are easy to make, and the computes are very literal.

404 is just one of many status codes to indicate that the resource isn't found. If a css file comes back 404, it means the computer couldn't find it where you told it to look. What you often want to see is 200, that's the status for "okay", which means it found it.

Here is a list of more: http://www.restapitutorial.com/httpstatuscodes.html

Tracy Excell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points
Tracy Excell
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points

Hi Kevin,

Thank you for your help so far. If you have time can you take another peek at my project and let me know if you can see why my media query is not working? Have one in the _body partial.

https://w.trhou.se/grhzs023qb

columns {

@media #{$break-narrow} { -webkit-column-count: 2; /* Chrome, Safari, Opera / -moz-column-count: 2; / Firefox */ column-count: 2; } }

Thank you