Can’t get rid of margin/padding, mobile site version is cropped

Hello, I have the following problems with my site. Even though the block in which my cover is located has 0 padding/margin it still has this spacing to the lower border of the section.
Here is my site:
[https://sergeyfedorenko.com/opportunityField/])

[as you see, there is a big gap on the bottom of the image, and a small on the right side.])

[the selected block \(row\) has 0 margin, the parent block has 0 padding, but still there is a gap which I want to get rid of])

And here goes the mobile

[when viewing the site on mobile everything is cropped. Any advice on how to fix that? Any tutorials on adaptive site layout creation on WordPress would be very appreciated])

[when I zoom out, I have this black box on the right. What I want is to disable the ability to zoom out so that I can see the black box, and prevent everything from being cropped])

1 Comment
  1. You have to learn how responsive design works or quit making websites. You can solve 90% of your issues designing the mobile view first and using a width of 100vw.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer