Layout gurus, rate the first site. Why is he driving on zoom?

Question

css

Hello!
After months of theory, I finally made my first site, the layout of which I saw on the toaster. Before that, I just repeated what I saw in the video tutorials and played around with multi-colored divs. At the same time I am learning JS and preprocessors (the site is made on SASS).
According to the layout, it seems to come out well, but when you increase it, problems begin. At 150% or more, the slider with the header starts to climb to the right. What could be the problem? How should you check your layout? What is the maximum / minimum zoom it should withstand?
I will be grateful for criticism and found errors.
my-first-site.ucoz.net/index.html
Sources
https://goo.gl/OnlLzS

Answer 1

"...when zoomed in, problems begin. ...What could be the problem?"
When you increase it to 200% (as I understand it, the percentage depends on the screen resolution), crawling starts, because the container class has a fixed width of 1024px.
The layout is not adaptive and not rubbery, so a step to the right, a step to the left, and the layout started.
"How should you check your layout?"
"What is the maximum/minimum zoom it can handle?"
And here xs, it became interesting.

Answer 2

and you are not a responsive site. it does not have media queries in css
, I recommend you try the first site with a ready-made adaptive design on Drupal.
I have a topic about responsive design in the HTML/CSS section of my blog. manage to put Drupal on hosting and download any adaptive theme, and then type up the layout you need (and then edit media.css) Professional Responsive Theme - Drupal is recommended for you. or Media Responsive Theme

Answer 3

That is, such behavior for a fixed layout can be considered normal?
Nothing else caught your eye? Interesting errors in my layout or comments on it.

Answer 4

I'll put in my penny. Not exactly on the layout, but nonetheless.
In the slider .. if you click on the first from the last image, then everything moves back - and in theory the script should determine the position of the last one and switch "forward" to the first one...