I don't understand what a modular grid is?

Question

css

Hello.
Excites me one question about the modular grid? And what is this?
I found various conflicting definitions on the Internet:
1. Modular grid - the relative position of the main blocks (modules) of the layout.
2. Modular grid - a set of invisible guides along which the main elements of the site are located. Here I can not understand one thing - if we are talking about the modular grid of the site, then we are talking about invisible guides (which, by the way, are NOT visible by common sense) or about the modules themselves?
Please help, I'm confused.

Answer 1

The first definition speaks of layout in general. And even the second is too general. More or less correct.
There is a certain basic unit of measure - the module. It can be line pitch, image size or something else. And all sizes on the site are set based on several such units. It came from architecture, where the modules are the thickness of the floor, the height of the floor, the distance between the windows ...
The guides themselves are invisible. But we see the borders of a block of text, the borders of pictures, the beginning or end of a lonely line. And the eye rejoices when these elements line up along horizontal and vertical lines. And they don’t just line up, but suddenly it turns out that size A is equal to size B.
These guides were drawn on whatman paper, then erased. On the computer - they are somewhere on a non-printable layer and blocks stick to them.
Always follow a modular grid? Of course not. Lots of different designs. Where it is more academic, there are modules; where it looks like something informal - they try to make modules where a painter on the wall would really do two things of the same size. And sometimes aligning one with the other is a stretch.
I would give such rules.
1. Don't push the unpushable. If it is impossible to align for artistic or technical reasons - why is this a Procrustean bed?
2. Don't grind the module. If it is not clear that the dimensions are multiples, the meaning disappears.
3. The module is not necessarily one. The height of the picture and the height of the line can be non-multiple, for example, if there is no text wrapping around the pictures.

Answer 2

A modular grid is the markup (places on the page) for blocks of content.
HTML blocks can be easily manipulated if you use the right tools for this: What CMS engines do you use or know to create landing pages?

Answer 3

Something all climbed into the definition. The grid is so that both the designer and the layout designer do not kill each other.
There are 12 columns in the grid, because it was originally so in the popular library that everyone used: getbootstrap.com/css
In fact, the grid appears like this: The layout designer says that his site page is divided into 12 identical parts, and the designer can draw anything, but this "anything" must match the size of these parts, it can take 3 parts, maybe 4 parts, but not 3.5 parts! Otherwise, the coder will be very hard to implement it.
Here is an example of a grid: It's ready and the author shows its possibilities: flexboxgrid.com

Answer 4

Thanks for the replies, it's clearer now.
I'm also interested in one question ---- when we build a modular site grid (its composition), then we use a different grid (usually 12 columns). Is this "other" grid (i.e. 12-column, to which the modules will be attached) will be "auxiliary" so to speak?