Atomic Layout
Build declarative, responsive layouts in React using CSS Grid
...Since the position and spacing is contextless that way, you achieve ultimate separation of concerns and boost maintenance of your components. To understand why Atomic Layout is beneficial for you take a look at some of the practices it encourages. What elements are rendered and what is the relation between them are now two independent paradigms in your code. Forget about CSS hacks and contextual tweaks.