Explain what is right and what is wrong with my grid?

Question

css

Код Объясните что там, а что не так с моей сеткой?
Естественно ширину блоков и маргины нужно задать в % в данном случаи что я и сделал. Картинка адаптивная. В среднем блоке у меня форма, я ей сделал ширину 100% (можно было задать в px размеры формы но тогда как то криво адаптив работает. Вообще правильно было в данном случаи дать форме ширину 100%) так как по макету она почти там и должна находится где средний блок 50% и дал ей падинг padding-left: 30px; что бы форма отодвинулась правее и стала примерно по макету. (подскажите падинги лучше давать в % или в px?)
Где взять стандартные переломные разрешения для медиа кверис? И как понять мне изменять стили по каким то стандартным разрешениям или когда вижу что уже начинает ломаться и наезжать и только тогда меняю стили через медиа кверис?
And what confuses when media kveris work is that initially the search for that the rightmost block is somehow long and does not look nice, but when it’s closer to the resolution of the phone, then it’s normal. It’s just that in this layout there is no design for the adaptive and it’s not clear how to distribute the blocks so that it would be normal?

Answer 1

What are "standard turning points"?
They should dance from the design and not from who someone came up with

Answer 2

With your grid, instead of learning the basics from courses / articles / textbooks and seeing how it is done in available ready-made solutions, you have already scribbled fifty questions on a toaster.
Everything that bothers you is easily searched for.

Answer 3

bootstrap, don't worry :D