How to add containers, row, columns, margin, padding in Angular Material?

[gegobyte]

What are you trying to do?

Trying to add margin or spacing between components, row, columns, containers etc..

What troubleshooting steps have you tried?

Can't find anything related to it in the docs.

Environment

• Angular: 9.0.2
• CDK/Material: 9.0.0

Yesterday I started learning Angular, before I was creating websites using Materialize CSS. It has a responsive grid system, one can add container class and it automatically gives margin on both left and right. In Angular Material, everything starts at the top left and there is no spacing between components, for example - if I add a toolbar and then a card, the card will be directly attached to the bottom of the toolbar with no vertical spacing.

I can't find any container either which can add horizontal margin. So how to add all these things?

[crisbeto]

Angular Material doesn't include a grid system to avoid locking people into a particular grid and all our components are written in a way that should work with any grid.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}