Gap Property

CSS Flexbox and CSS Grid are fantastic tools available for managing layout on the Web. Flexbox handles single-dimensional layouts very well, while CSS Grid handles two-dimensional layouts with columns and rows. Often we want to add space between the items within our layout. This kb will show how to add space between flex items using the CSS gap property

.flex-gap {
  display: inline-flex;
  flex-wrap: wrap;
}
#box {
  display: flex;
  gap: 10px;
}