Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nested divs #19

Closed
DiederikvandenB opened this issue Feb 10, 2014 · 3 comments
Closed

Nested divs #19

DiederikvandenB opened this issue Feb 10, 2014 · 3 comments

Comments

@DiederikvandenB
Copy link

First of all: thanks for making this awesome, easy to use framework. I love it and I use it in nearly all of my clients' websites.
However, I have one question / issue: it is not possible to use nested divs in the current setup because of the margin-left: 3% at the unit class. Are there any plans to implement this?

Best regards!

@daneden
Copy link
Owner

daneden commented Feb 11, 2014

I'm not sure I follow. Would you mind making a gist to demonstrate the problem you're experiencing?

@DiederikvandenB
Copy link
Author

Of course. Here you go:
https://gist.github.com/DiederikvandenB/8937843

Working example:
http://clients.webstudenten.nl/Toast/

What you see here is that the first "Nested unit one-of-two" div has the margin-left of 3%.
Or should I wrap these two divs in another .grid maybe?

The latter results in the following:
http://clients.webstudenten.nl/Toast/index2.html

Which is better, although you still see like a 1px gutter between the parent unit div and the nested units.

@daneden
Copy link
Owner

daneden commented Feb 12, 2014

Gotcha. You can nest grids by putting the columns in a nested .grid:

https://gist.github.com/daneden/8956845

@daneden daneden closed this as completed Feb 12, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants