gap　flexの並びの上下左右の隙間問題を改善

<div class="flex">
  <div>test</div>
  <div>test</div>
  <div>test</div>
  <div>test</div>
  <div>test</div>
  <div>test</div>
  <div>test</div>
  <div>test</div>
</div>

.flex {
	display: flex;
	flex-wrap: wrap;
	gap: 20px
}
.flex div {
	background: #CDCDCD;
	width: calc((100% - 60px)/4)　/*20pxの隙間が3つある。それを4分割*/
}