Material Design’s responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts. The responsive layout grid is made up of three elements: columns, gutters, and margins. Content is placed in the areas of the screen that contain columns. A gutter is the space between columns that helps separate content. Margins are the space between content and the left and right edges of the screen.
