justify-content vs gap
I'm tired to see that developers use the space-between or space-around value to position the grid's elements. It's a bad practice that leads to incorrect displaying. When people do that they don't think that number of items may be changed.
For example, if add 5 elements in a grid from 3 columns they will not be displayed at the start of the line. Thus I see the broken grids.
There is a nice approach using the gap property. This property with Flexbox and you can just define a gap between of elements. And browsers will do all the rest of the work. So you'll get safe grids with any number of elements.
P.S.
✉️ I love to help people learn more about HTML/CSS. If you have any questions, please, use my email for communication 👉 melnik909@ya.ru. It's free
💪 Discover more free things from me