Creating a grid layout like this 3 x 3 cell with large center using CSS Grid is quite straightforward.
.container {
display: grid;
grid-template-columns: 60px 1fr 60px;
grid-template-rows: 60px 1fr 60px;
}
But what if we wanted to achieve the same layout using flexbox? Is there a simple approach for that?
Check out this simple flexbox implementation for reference.