How to make such a script?

Question

css

I can’t figure out how to make the logic so that if there are 5-8 elements so that the .item-content of the 5th-8th element appears under the 2nd row, and 1-4 under 1-4
I also don’t understand how to make it all adaptive
https:/ /codepen.io/anon/pen/xYLmKo

Answer 1

You somehow unclearly explained what you want to see, but in any case, it seems to me that {display : grid} is the best option, there is nothing to catch with inline.
As for adaptability, the problem is not to make it adaptive, but to figure out how it should look in an adaptive version. If you describe, then there is a subject for discussion, but for now it is not.
It's not the whole site. We don’t know what else there will be content, and what is important from it. Maybe in the mobile version all these wonderful svg logos should be reduced to icons and put somewhere else, or maybe on the contrary, each of the blocks should be made to full screen and set them vertically.