<div class="nested-link">
<a href="#link-one">link one</a>
<a href="#link-two">link two</a>
</div>
.nested-link {
display: grid;
grid-template-columns:
20px 130px 20px;
grid-template-rows:
130px 40px 20px;
a:first-child {
background: lightblue;
grid-column: 1 / -1;
grid-row: 1 / -1;
}
a:last-child {
background: yellow;
grid-column: 2 / 3;
grid-row: 2 / 3;
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.