Horizontally Stacked containers

[Samrose-Ahmed]

Is there a simple way to compose containers horizontally. The variant='stacked' prop on Container helps with vertical containers but how about left to right containers (analagous to flex-direction:row.

[jperals]

Hello,

Would the Grid component help you here?

See:

• Grid component
• Example CodeSandbox

[Samrose-Ahmed]

That's not the same thing, think of layouts like for example this (Athena) :

You can try to use disableGutters on Grid, but its not right since the border and shadows need to removed to look integrated

(which is what variant='stacked' seems to do nicely for vertically laid out containers).

[gethinwebster]

We don't currently have the functionality to stack containers with no gaps like this, we'd recommend leaving a small gap between the containers to take account for the rounded corners and shadows that are present in the open source styled components.