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

HTML How to Make a Website CSS: Cascading Style Sheets Center the Wrapper

Posted by Samuel Alvizo
Samuel Alvizo
1,230 Points

CSS file is not centering.

I can't identify why my web page isn't centering. By centering I mean the pictures on my web page does not center as the video described.

this is my code: https://w.trhou.se/esm2ms7vfd

1 Answer

Matthew Bissonnette
Matthew Bissonnette
3,730 Points
Matthew Bissonnette
Matthew Bissonnette
3,730 Points

It is because you have two different main.css files in your project. You have one in the css folder that does not have all of code and you have another main.css file outside of the css folder with your index.html that has all the correct code to center your images. Your index.html is referencing the stylesheet main.css that is located in the css folder. So its referencing the file that does not have all of the code. You just need to simply delete the main.css that is in the css folder now and drag your other main.css to that folder.

Samuel Alvizo
Samuel Alvizo
1,230 Points

Found out! Thank you so much though!