The CSS grid's breakpoints are the same as the default breakpoints for flex-layout. It's very useful for advanced layout with ngx-formly. You can check the dynamic form's advanced layout example.

All breakpoints
.col
.col
.col
.col
.col-8
.col-4
 Stacked to horizontal
.col-sm-8
.col-sm-4
.col-sm
.col-sm
.col-sm
 Mix and match
.col-md-8
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6
.col-6