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

Matthew Daines
Matthew Daines
2,860 Points

Layout Issues with Grid.css

I'm having some issues with a personal project of mine. I'm creating a website where I can blog about various other coding languages and project that I'm doing.

My nav bar is fine. Under that I'm using divs to separate the code name and a logo associated with the languages.

My problem is that I thought grid.css was supposed to add a 20px margin between divs when you set a grid class on them. I'm using grid_4 in a 12 column wide. They are adjacent with no margin and as a consequence of that the divs not having a margin they are not distributed across the container (1000 px). Setting the "omega" class on the last box does not help...

Any advice..?

2 Answers

Caroline Hagan
Caroline Hagan
12,612 Points

HI Matthew,

Would really need a link to your website, or codepen in order to look into the issue in more depth.

Matthew Daines
Matthew Daines
2,860 Points

Thanks for the reply. Sorry for the lack of detail. I'm kinda new to TeamTreehouse and didn't even know there was a Codepen! Because I have more than one stylesheet though I'm going to give you a link for the actual documents that I'm having issues with

Edit: I just managed to lose the CSS data... So I have to re-write it again before I can get help :/