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

Wayne Priestley
Wayne Priestley
19,579 Points

CSS Layout Techniques

Thank you Guil,

CSS Layout Techniques is a brilliant tutorial, I've been building a few sites since I started Treehouse but some of the layout details such as absolute and relative had me experimenting and guessing for hours to get right, now they are clear as day.

Flexbox is something I've been wanting to use for awhile now but held off as I wasn't sure about how to use it and still have browser support for some browsers, I have a few websites planned that I now know will be perfect for the flexbox treatment.

As for the building your own grid, it's something I've done before but I always struggle when it comes to trying to build in a offset class and resort to margins etc. Do you think that could be covered sometime? or do you have a link to something that would help me out? Maybe its something that could be covered quickly in a short tutorial.

Finally, and this is just a comment on how much easier it was to see the code with the light background on Sublime text, I prefer a dark background when I'm writing my code but it is a lot easier to see with a light background when watching the tutorial, thanks.

3 Answers

Wayne Priestley
Wayne Priestley
19,579 Points

That would be great Guil, I only ever use Foundation for the grid as I've built up my own collection of modals and image sliders etc so if i could add my own grid I would have no need for a 3rd party framework.

Come to think of it, an advanced tutorial on building your own components to expand the G Grid into a framework over time would be cool.

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher

Hi Wayne Priestley,

I'm really glad to hear that you're enjoying the new layout course, and learning lots!

Regarding your question... I'm not exactly following what you mean by: "I always struggle when it comes to trying to build in a offset class and resort to margins etc."

Could you give me an example. :)

Wayne Priestley
Wayne Priestley
19,579 Points

Hi Guil,

Regarding the offset, I was thinking of something similar to Foundations medium-6 medium-offset-3.

Guil Hernandez
Guil Hernandez
Treehouse Teacher

Wayne Priestley – Oh right! I thought about covering that, but wanted to keep things simple. Foundation does use negative margins (I believe) for offsetting columns. Maybe I can do a forum tip where we create offset classes for the "G Grid." :)