How to solve the problem of adaptability?

Question

Adaptive design

Hello, I made up the site, checked on several adaptability services ( www.viewlike.us , quirktools.com/screenfly , etc.) everything is fine, the client checks on a samsung p7500 tablet with a resolution of 1280 * 800, objects are shifted (the menu is generally like for a mobile phone) . What can I do? I've been suffering for a month, something is not so something else

Answer 1

Maybe you should not reinvent the wheel, but use ready-made solutions, such as bootstrap

Answer 2

The global problem is that there are many "empty zones" in media. For example, a poor menu, which is so pinched, for gaps of 375px - 400px, 480px -600px, etc., because styles are not written for them at all. To see all this, it is not necessary to check it on a tablet. Just open the site in any browser and resize the site, you will see a lot, for example
prntscr.com/7xxzo2
What you need to do: once again go through all the layout elements, check at all resolutions so that there are no such black zones.