Grid in m.css ver.1.2

M.css takes full advantage of flexbox and automatically adapts the grid to screen size. The 12-column grid, common to all typographers and designers, is completely discarded in m.css v.1.2 and 100%, 80%, 75%, 66.666%, 50%, 33.333%, 25%, 20%, 16.666 is used %, 12.5%, 10% of the width of the parent container, allowing for the same division, but with more concise names. The use of such simple names can significantly reduce the degree of appearance in the layout, making it more concise and understandable.

The same can be done with form fields:

Remember that to implement adaptability, you can use multiple classes for one element to describe the grid on different screen sizes.

More information on adaptability is available on a separate page.