@anatudor@mastodon.socialOne #CSS property I use a lot is `grid-area`.
In this basic @codepen example, `grid-area` (through its `grid-row` and `grid-column` components) is all that changes value between the narrow and wide screen cases (for the nav items wrapper and for the search wrapper) https://codepen.io/thebabydino/pen/YzmrXZo
GIF
@anatudor
I feel that in most cases I can get away with some form of flexbox no/wrap and direction/reverse combination.
But I can already think of a couple of times where I hacked it with flexbox and grid would be the preferable method 