posts doesnt stack right under another..

[eclip-se]

guys, i’m learning and trying to replicate http://spacema-studio.com/lina/
my version: http://www.michalmacko.com i can’t figure out why my articles doesnt stock that way, anyone plase?

thanks!!

[JeroenR]

The effect of spacema-studio is done with masonry, like here: https://masonry.desandro.com/
I see no javascript in your page, so that is the reason why your articles behave in a different way.

[eclip-se]

Thanks JeroenR, i thought they would stack on each other, because that’s what block-level elements do, but there is huge gap and i couldn’t understand why.. gotta play more wih floats and block-level elements..

[webinuse]

If I were you, I wouldn’t do that. Maybe through nth-of-type and absolute positioning and a lot of sweat it is achievable. I would listen to JeroenR, use JavaScript and don’t worry. You have tones of plugins for masonry grid, so you don’t have to bother about writing or finding JavaScript.

[eclip-se]

haven’t learned a bit of javascript yet :/ wanted good understanding of html/css before, maybe it’s time to jump into javascript. Thanks korovjov!

[Author]

Posts