Cant fix this grid

Developers Frontend
1

Hi,



Who can help me to make this grid.





The column of the right, how to fix that?



Thanks a lot.

grid_setup.jpg

2

You need to create nested grids. Basically grids inside grids. Create a large grid and then create smaller grids inside of it. You might have to go three grid layers deep to create your layout.

3

Hi Triplets,



Thx for your awser, but i dont understand it.



gr.

4

Look at [url=“http://nettuts.s3.amazonaws.com/765_960gsExplanation/20_nested-divs2.png”]http://nettuts.s3.amazonaws.com/765_960gsExplanation/20_nested-divs2.png[/url] or http://www.popolo.se/sites/default/files/11.png



See the big Grid 8 with several nested grids in it.



Search google for nested grids to understand the concept.

5

Thx a lot.

6

Help wanted.

It's F harder than I thought, who helps me further?

7

Your top two blocks are straight forward. Create 2 Grid 16s



For your middle block (the one with all the nested grids) create it like this:


  1. Start with one large Grid 16
  2. Within this grid create a Grid 12 and Grid 4
  3. Within the Grid 12 create two more Grid 12s
  4. Within the top Grid 12 from step 3 create two more Grid 12s
  5. Within the bottom Grid 12 from step 3 create three Grid 4s



    Your bottom block is straight forward. Create one Grid 16s
8

TOP, GREAT. Thx a lot.