.flex-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; align-content: flex-start; padding-left: 0; padding-right: 0; } @media (max-width: 767px) { .flex-container { padding-left: 20px; padding-right: 20px; } .flex-item { flex-basis: 100%; padding: 10px 0; } } .flex-item { flex-basis: calc(33.33% - 20px); padding: 10px; box-sizing: border-box; } .flex-item img { width: 100%; height: auto; }