How to organize a CSS grid into classes (good practices compatible with BEM). How to find good guides and examples?

Question

css

I'm looking for good practices for creating CSS grids (we can't use grids in our projects yet).
Incl. how to organize grids in css classes (should they be created separately or not? in what cases and why?)
BEM compatible is very desirable.
How do you go about your projects?
How to find good guides? Examples?

Answer 1

Try smartgrid, it has the ability to build a grid on paddings or margins, using both floats and flexes or inline blocks. There is no need to write a bunch of classes in html in bootstrap or include styles in media queries, all behavior is written in css, in selector styles, and in html you use at least BEM or any other writing style.