How to correctly and adaptively layout?

Question

Layout

Hello. Help How to correctly and adaptively layout this layout.

Thanks in advance.

Answer 1

https://codepen.io/anon/pen/aqVjEq

Answer 2

By eye:

.gallery-container{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.thumbnail{
margin: 10px;
}

If you are talking about the positioning of the description - then .thumbnail{position: relative;}, and inside it is the description block with{position: absolute; bottom: 0; left 0; right: 0}