gapプロパティーの使い方

.flx {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 10px; /*縦に20px,横に10pxの余白を指定*/
}
.flx > div {
	width: 30%;
	height: 5em;
	background-color: #dcdcdc;
	border: 1px solid #000;
}

.grid {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 200px) ;
	grid-template-rows: repeat(2, 200px) ;
	gap: 20px 10px; /*縦に20px,横に10pxの余白を指定*/
}
.grid > div {
	border: 1px solid #000;
	background-color: #dcdcdc;
}