help me to solve my design

[Historical Forums User]

here my code http://codepen.io/anon/pen/wGwzmQ

my problem, how can i place fourth box just below first box. am i need javascript or no .

[Paulie_D]

You can’t do that with CSS.

You need Javascript – http://masonry.desandro.com/

[Historical Forums User]

can you give me the concept how the javascript work, so i can make it with my own code not with plug-in.

[Paulie_D]

Unfortunately, not….you’ll have to look into that for yourself.

[Historical Forums User]

ok, thanks a lot

[bearhead]

You can fake the masonry look by restructuring your html and grouping the article divs into columns:

http://codepen.io/kvana/pen/WweVqB

It’s pretty inflexible though…

[Paulie_D]

You can fake the masonry look by restructuring your html and grouping the article divs into columns:

Yes..the look but not the actual order…which is the point.

[bearhead]

Maybe the order is irrelevant for the OP… they didn’t specify? Anyway, I just offered one possible solution which may or may not be good for this use case, but options are always good, right?

[Historical Forums User]

I think it was a good idea, but it would be an obstacle if i use to display data from a database, when each box has a different height, maybe there is a column that has a length that is very different from the others,

[Author]

Posts