What are grids for?

Question

css

Let's say I'm making a website with a minimum desktop width of 800px, which consists of two columns 200px and 600px. If not tied to any specific grid, then I create two 200x600 columns. And everything works fine until I get to a monitor that is forty pixels too wide. It turns out that if I center the content, then I will go beyond the grid. That is, the grid, as it was 200x600, will remain so, but the content frames in these grids will already be violated. Everything, the grid has broken and is no longer needed.
And now the question is - why then do we need grids? Unless there are sites in which all sizes are dynamic? I've never seen such sites that ava was 500x500 in size or some kind of button 2000x2000. Well, or if you limit the size of the element, then you get crazy spaces. And after all, it is no longer possible to overcome this, the grid, as it was 12 columns, will remain so.
And you won't be able to set up even the most advanced grid...

Answer 1

How many sites are now built on an adaptive principle :
1. Different grids are used for different resolution ranges (that is, each grid is limited in size not only by the minimum width, but also by the maximum)
2. The absolute minimum and absolute maximum are determined by common sense :)
2. Within each range of resolutions - a rubber grid.
Following these simple principles, the design of the site is obtained without this:

ava was 500x500 or some button 2000x2000. Well, or if you limit the size of the element, then you get crazy spaces

Answer 2

Well, usually grid columns are set to %, so yes, they are dynamic.

Answer 3

This is in order to create additional pain for the typesetter, because all these grids are poorly managed hemorrhoids, which, moreover, does not allow typesetting to be any flexible.
Personally, if I really need a grid, I just write them myself through a division of 100%.
Well, for example $size-1: 100% / 5, $size-2: 100% / 4 and so on