Template provides a grid which similar to Bootstrap grid that source code in styles/grid. The grid class is optional. You can choose any grid class you like, such as Bootstrap, Foundation, Semantic, etc.

The grid breakpoints for template are the same as the default breakpoints for flex-layout.

breakpoint	mediaQuery
xs	'screen and (max-width: 599px)'
sm	'screen and (min-width: 600px) and (max-width: 959px)'
md	'screen and (min-width: 960px) and (max-width: 1279px)'
lg	'screen and (min-width: 1280px) and (max-width: 1919px)'
xl	'screen and (min-width: 1920px) and (max-width: 5000px)'