[Solved] problems with 960 grid system

[Tomas.R]

I want my green blocks(grid_8) to be exactly under the orange block(grid_18). I want them to be touching each other. I tried clear and clearfix – it didn’t help. Guys in stackoverflow couldn’t answer the question either so I came here. Thanks in advance.

codepen example

Here it is how it looks

[bmoneruiux]

You have that big yellow square floated left.

To get .grid_8 under the orange blocks and touching, you’d need to float .grid_6 right. Something like:

.container_24 .grid_6 {
width: 230px;
float: right;
}

[Tomas.R]

omg this works. Thank you very much :]

[Author]

Posts