CodePen Embed - Grid Gaps

<section>
  <div>div #1</div>
  <div>div #2</div>
  <div>div #3</div>
  <div>div #4</div>
  <div>div #5</div>
  <div>div #6</div>
  <div>div #7</div>
</section>

section {
	background: #CCC;
	border: 0.25em solid green;
	width: 13em;
	height: 8em;
  display: grid;
  grid-template-rows: repeat(2,auto);
  grid-template-columns: repeat(4,auto);
	gap: 1em;
}
section div {
	border: 1px dashed;
	padding: 0.125em;
	color: #555;
	background: #EEE;
	font: italic 1em Helvetica, sans-serif;
}

This Pen is owned by Eric A. Meyer on CodePen.

See more by @meyerweb on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.