<!DOCTYPE html>
|
<style>
|
.grid {
|
display: inline-grid;
|
background: grey;
|
grid-template-columns: [col] 50px [col] 50px [col] 50px [col] 50px;
|
grid-auto-rows: 50px;
|
grid-template-areas: "A . . .";
|
}
|
.grid > :nth-child(1) { background: magenta; }
|
.grid > :nth-child(2) { background: blue; }
|
.grid > :nth-child(3) { background: yellow; }
|
.grid > :nth-child(4) { background: green; }
|
.grid > :nth-child(5) { background: red; }
|
</style>
|
<div class="grid">
|
<div></div>
|
<div></div>
|
<div></div>
|
<div></div>
|
<div style="grid-column: col"></div>
|
</div>
|