gap และ flex-wrap

.cards {
  display: flex;
  gap: 16px;        /* ช่องเดียวทั้งสองทิศถ้า wrap */
  gap: 12px 24px;    /* แถว | คอลัมน์ */
}

.cards {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}