Answers for "how to put gap in html flex items"

css flex gap between items

/* limited support (Q1/2021: Firefox, Chrome, Safari) */
.flex-container
{
  display: flex;
  gap: 5px;
}

/* broad support */
.flex-item
{
  margin: 5px;
  /* and/or */
  padding: 5px;
}

css column gap flex

div{
    	column-count: 3;
        column-gap: 30px;
        background: yellow;
}