How to make this kind of post output + loading (Non-standard grid)?

Question

css

Good afternoon. There is such a layout. Please tell me how to implement the grid shown in the picture?
The order of the posts is not important.

And how to implement the loading of posts on the click of a button?
Thanks

Answer 1

everything is simple, the algorithm is as follows:
by clicking on the button, we show the preloader and turn to the server,
transfer the current page, categories, etc.,
in response we get an array with posts (more correctly) or an already generated piece of html (simpler, but worse),
instead of the preloader we insert the received data.
Or do you need a ready-made code?

Answer 2

Here is such a cool plugin for such a grid: masonry.desandro.com
To load posts, you just need to write a function to contact the server and request the next portion of posts via ajax