I've created grid with parameters:
.wrapper {
display: grid;
grid-template-columns: auto-fit;
grid-template-areas: ". a ."
"b c d"
". e .";
}
Since a
,b
, d
, e
are buttons and c
is flexible table, I don't need stretching grid to window size. (I use grid just to place items in right position). Moreover, I need it to be able to go beyond the page(window) boundaries if needed, but keep the original size of all items.
What property should I use to solve this problem? Or should I use different method?