How to solve the issue with indentation in layout?

Y

Ya-Rank2018-10-08 15:38:52

css

Ya-Rank, 2018-10-08 15:38:52

Good afternoon, colleagues!
I am a beginner in layout and decided to master bootstrap 4.
I designed the site according to the layout, checked the adaptive through the developer console in chrome and through various services, but they tell me that on the iphone 7 there is a small indent on the right. I checked the layout several times, but did not find anything. Where could I have made a mistake?
Thank you in advance for your response! Layout
test.honeyhey.ru

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

E

eternalfire, 2018-10-08
@eternalfire

body has min-width: 320px;
this is a mistake

T

TitNIk, 2018-10-17
@TitNIk

Remove the hard-coded width, because of it, voids appear. You have hard-coded dimensions in at least two places, this is in "Benefits", the .feat-text p style, the form, and somewhere else, I haven't found it yet. If you want an adaptive, you should not specify the block sizes in px, percentages are better. If you still need to specify a hard size, then you should specify the media so that there are no problems on mobile phones, and test so that there are no display problems at different resolutions.