Nets, what do they eat with?

Question

Layout

Hello. Such a question, but it may seem stupid to someone, so my apologies in advance.
Here I have a layout, I turn on the grid display in Photoshop. In some, it is classic with 12 columns, and in some not quite standard layouts, I see one wide column, in some there are two of them, and so on. Please explain what is the difference for me as a layout designer? What is the beauty of the grid, why is it important? If it is possible - on a small example.
Do I understand correctly that you can type without a grid (but the code will be more cumbersome and you will have to play more with indents, etc.)?

Answer 1

The grid is needed, first of all, by the designer. To build design elements evenly, according to Feng Shui, on all pages the same way - the blocks do not jump in positions and sizes.
The layout designer, in turn, sees that the design is built on a grid, and decides to simplify the layout task for himself. He writes base classes for the markup on the column page and places blocks in them. From here, there is no need to sit with a ruler and align the blocks according to the design.
Everything else is a consequence. It becomes not enough for a layout designer to simply use classes to describe the layout layout. He decides to spice them up with media queries so that the basic responsiveness of the page is out of the box. Again, to simplify and speed up your work. Then he decides to add something else, for example, column offsets, etc.
This is how standard grids, such as bootstrap, appeared. Since they are intended for universal use, they have made it possible to configure basic parameters - the number of columns, the spaces between them, the widths of containers, etc.
Then there were designers who began to draw their layouts "under the bootstrap" =) It's okay, it speeds up (and therefore reduces the cost) the development of the final product. But you need to understand that design is primary. And you can make any grid.

Answer 2

Do I understand correctly that you can type without a grid (but the code will be more cumbersome and you will have to play more with indents, etc.)?

-no, the grid is needed for adaptability, on one resolution the block occupies, say, 6 columns, on another 8, on mobile devices 12, etc.