Use CSS flexbox for elements to wrap automatically while centered

I learned from this post:

.flex-container-center {
  padding: 0 20px 0 20px;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}