Materialize uses a grid system to control layout and adapt to screen size.

Materialize offers fixed container to wrap the grid.

The grid consists of

  • Rows
  • Cols (up to 12 cols in a row)


 Grid Instructions

Layout

 

See the Pen Material-Basic-Grid by roy degler (@rdegler) on CodePen.


Additional Resources
more_horiz