search

daneden / Toast

🍞 A highly-customizable, responsive (S)CSS grid
http://daneden.github.io/Toast
MIT License
2k stars 271 forks source link

Nested divs #19

Closed DiederikvandenB closed 10 years ago

DiederikvandenB commented 10 years ago

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 commented 10 years ago

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

DiederikvandenB commented 10 years ago

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 commented 10 years ago

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

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