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
Chance Griffin
3,606 PointsWorking With Grids - Containers
Hello,
Im on the "Working With Grids" section of the Become a Web Designer learning adventure. I am hung up with adding the container class and getting it to show up when testing. I have gone back and followed the tutorial several times to make sure I've got everything right, and cant seem to find any issues. When testing in the browser, the content still does not respond to the CSS class. Any ideas on what I might have overlooked?
Thanks.
11 Answers
Hamoon Hadavand
612 PointsThank you for the response James! I figured out that the code was correct, I just had the css file that I downloaded from the section in the wrong file and it was not formatting correctly. Silly mistake, sorry about that.
Patrick Johnson
9,505 PointsIf you have any code you can post that would be extremely helpful.
Consider using something like ScratchPad or JSFiddle when posting the code to the forum. It'll help us figure out the issue.
Chance Griffin
3,606 PointsThanks Patrick - Here is the code I have down: http://scratchpad.io/AwucLHU1RB#
I do have the image files working, but I guess its probably obvious they arent pulled through on scratch pad. The container class is meant to keep the content centered in a 1000px range, but as you can see, it remains normalized, up against the edge of the browser window.
James Barnett
39,199 PointsYou specified a path of css/grid.css there's no way for Scratchpad's server to know where on the Internet the grid.css file can be found.
You can use codepen.io and paste your HTML & CSS into their respective sections.
Chance Griffin
3,606 PointsHere is a codepen link. http://codepen.io/joe/full/gjvoC
The CSS document is the default code that goes along with the project. Issue arrose when adding the container.
Thanks!
Chance Griffin
3,606 Pointshttp://codepen.io/joe/pen/GsuqD
This link, rather.
Hamoon Hadavand
612 PointsI'm having the same issue and cannot figure out why the container class is not working properly. Here is the code I used: http://scratchpad.io/JMyg5Sgl8H
Hamoon Hadavand
612 PointsHere is the codepen link: http://codepen.io/anon/pen/ksErw.
Any suggestions/help would be most appreciated.
James Barnett
39,199 Points@Hamoon - I checked out your codepen, your page is centered on the screen.
What issues are you seeing with the .container class?
Hamoon Hadavand
612 PointsThank you for the response James! I figured out that the code was correct, I just had the css file that I downloaded from the section in the wrong file and it was not formatting correctly. Silly mistake, sorry about that.
Curtis Curry
717 PointsI am having similar issues. The code looks good when I post in into codepen but doesn't show the same in my IE browser. I have a folder created called Web on my desktop with the css folder, the img folder, and my index file all there. Under my css folder I have another folder called img, a DS_STORE file, my grid.css and my normalize.css files. Under the img folder I have the images required for the website Smells Like Bakin'.
I cannot get the code to remove those margins around the sides of my website within my browser. Here is a link to my code http://cdpn.io/Btods