JSFiddle - React, Tailwind, and code Playground

by lutskboy

HTML

<div class="flex">
	<div class="flex-item">content</div>
	<div class="flex-item">content</div>
	<div class="flex-item">content</div>
	<div class="flex-item">content</div>
	<div class="flex-item">content</div>
	<div class="flex-item">content</div>
	<div class="flex-item">content</div>
	<div class="flex-item">content</div>
</div>

CSS

.flex{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.flex-item{
  border:1px solid #333;
  width: 100px;
  height:150px;
  margin:0 0 8px;
}