Flexbox Builder

Container

Direction Wrap Justify Content Align Items Align Content

Gap 10px

css

.flex-container {
  display: flex;
  gap: 10px;
}

html

<div class="flex-container">
  <div class="item-1">Item 1</div>
  <div class="item-2">Item 2</div>
  <div class="item-3">Item 3</div>
</div>

Building flexible layouts? MightyWidgets adds ready-made interactive components to any site.