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

Watch Video

Posted April 20, 2021 6:25pm by

All the styles are loaded but all the images and styles are all over the place and on top of each other on the web page.

I've been following along with the video and I can see the styles and images on the page, but everything is scattered and on top of each other. The javascript works fine but the css is all over the place. can anyone help?

Also, there is a "js" folder in the video and I don't have that "js" folder which I'm not sure if it's important or not so that might be the problem but im not sure. I do have the style.css file and all the images.

That's all I have so I'm not sure what the problem is.

April 20, 2021 8:09pm

Hey Nelson Polanco have you double-checked that the project file folder you are in matches the stage you are on?

April 21, 2021 1:38am

Yes I did, Reggie Williams. I'm on the last video of the express course. As I said above, the CSS works except for the fact that the containers and words are all over the place and the images aren't loading. I'm not sure what's wrong.

2 Answers

April 21, 2021 5:20pm

Hey Nelson Polanco it sounds like this may be an issue with the pug files. With pug, it's easy to change the file structure unintentionally with indentation. Are you able to share your project or compare your code to that included in the project downloads?

April 21, 2021 8:06pm

That did the trick! I fixed my pug files and almost everything looked right except I realized that the style.css file that I downloaded from the designer section in the teachers notes had a block of code that was incorrect so I used the style.css file from the project downloads and that finished up solving the issues. Thank you so much for helping with this and saving me hours of scratching my head.

April 22, 2021 12:16am

Nelson Polanco you're very welcome! I remember having this same issue come up while learning pug, it's very common but once you've done it you'll be able to spot it if it happens again

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.