Basic markup

At core the grid system consists of one .bfg block and one or more .bfg__box elements.

It is required to define the direction the .bfg__box elements are placed in the .bfg block, using .bfg--row or .bfg--col modifiers.

Compare with attr syntax ▸