It is unlikely that something like this will be found, it is better to ask separately about your misunderstandings

Well then, let's say the following question: If we create a skeleton on the grid, we make it a certain number of columns. Next, we assign an area to the internal elements where these elements have the right to be positioned. When changing the resolution, in this case, what should we change the width of these areas (in the global block) or their number? If the width -then how is it (fundamentally -from the point of view of the approach) different from if we just used ordinary blocks and set them the percentage width corresponding to different resolutions?

That's right, you can set the width for them, but it is understood that setting one grid property with the width of all columns is more convenient and easier to read than setting the width for each block separately. You can still typeset with tables, it's just a shorter record

The most convenient way is to use one or Grid or Flex or Block, etc.