25 lines
526 B
HTML
25 lines
526 B
HTML
<!DOCTYPE html>
|
|
<link rel="help" href="https://www.w3.org/TR/css-grid-1/#gutters">
|
|
<link rel="help" href="https://www.w3.org/TR/css-align-3/#gaps">
|
|
<link rel="match" href="grid-gutters-016-ref.html">
|
|
<style>
|
|
.grid {
|
|
display: inline-grid;
|
|
padding: 10px;
|
|
grid-template-columns: 40px 40px;
|
|
grid-template-rows: 40px 40px;
|
|
border: solid;
|
|
gap: 20%;
|
|
min-width: 140px;
|
|
min-height: 140px;
|
|
}
|
|
.grid > div {
|
|
background: green;
|
|
}
|
|
</style>
|
|
<div class="grid">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|