Spacing between rows in CSS grids

You can also set the distance between grid rows. This is done using the row-gap property, which is set on the parent element.

Let's set the distance between rows in the grid:

<div id="parent">
	<div>1</div>
	<div>2</div>
	<div>3</div>
</div>

#parent {
	display: grid;
	row-gap: 10px;
	padding: 10px;
	border: 2px solid #696989;
	width: 600px;
	height: 200px;
}
#parent > div {
	padding: 10px;
	border: 1px solid #696989;
}

Create a table where the distance between rows is 25%.