Why doesn't the block fit on the screen?

Question

css

Why is my block displayed so crookedly on the adaptive?

It should be like this


But it turns out like this



The site itself ilyin1ib.beget.tech
Code https://jsfiddle.net/vy4mhun6/

Answer 1

because you have the wildest mess in styles

Answer 2

Well, probably because it is necessary to register media queries for each of the resolutions and do it correctly ?!
)