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

WordPress

Grid Problems

Are there problems with the CSS grid file?

My div's with grid_12 haven't really been working. Every time I would use grid_12, the content would stretch across the entire screen instead of being neat, centered, and not the entire screen. I just used the basic container clearfix class for most of the div's after I found out about the grid problem. But, I get to the footer section, and now, even with a grid_12 or whatever in the overarching div, I can't get all three footer elements to go on the same line. I appreciate any assistance. My website is live at www.coreydeanstone.com. THANKS!

3 Answers

Sean T. Unwin
Sean T. Unwin
28,690 Points

Your .container has a width of 90% and max-width: 980px. Either place the other blocks inside your container or add a class with a width: 90%; max-width: 980px (although for responsiveness the latter would likely be changed in a media query) and use that for all your blocks, including the container, to keep it DRY.

Thanks. That's what I ended up doing. I'm just a perfectionist, so since I'm mirroring the tutorial, it's frustrating when what I type doesn't result in what's on the tutorial. I'm assuming the code within the tutorial is different, or the tutorial left out some steps, which I have already found to be the case concerning a different issue. Thanks for your assistance, Sean.

Sean T. Unwin
Sean T. Unwin
28,690 Points

Do you want your social media icons on the same line as your copyright? I may be confused as to what you're asking.

I'm following Zac Gordon's tutorial. His example shows all content nice and center on the page, a good ways away from each margin. That's how the top of my site looks, but the bottom content is all the way from margin to margin.

--