Website looks different in responsive mode than in real device

Hi, as a title says the website looks perfectly fine when you launch it on PC and look at the responsive mode, but on my phone there is a little gap, like 10-15px in the hero section between <div class= 'container'> and <section class='contact__section'>. Also, when you click the hamburger menu the button with text "KONTAKT" has some padding, on the real device there's 0 padding from bottom. Why does that happen? How should I solve this and how to make websites for the future? Thanks for help. Github: https://github.com/Jakub-Gryczka/pomoc_drogowa live-page: https://jakub-gryczka.github.io/pomoc_drogowa/
GitHub
GitHub - Jakub-Gryczka/pomoc_drogowa
Contribute to Jakub-Gryczka/pomoc_drogowa development by creating an account on GitHub.
AUTO-MAX Jarosław Gryczka | Transport pojazdów | Pomoc drogo...
Profesjonalna pomoc drogowa 24/7 - holowanie, naprawy, awaryjne otwieranie samochodów. Skorzystaj z naszych usług w razie kłopotów na drodze. Firma świadczy usługi pomocy drogowej oraz transportu pojazdów od ponad 25 lat.
No description
No description
2 Replies
Chaves
Chaves13mo ago
Hey, your website is really beautiful, congratulations!
;_;
;_;OP12mo ago
Thank you very much! Hello, I found solution how to make padding-bottom to the button. It was my media queries, but I still can't manage the white space between sections. I am trying to resize the device in all the dimensions, heights, widths etc. on the firefox developer tools it looks fine, but when I launch it on my phone it still appears. Ok, I have figured out everything, there was a problem with the width and height combined in media queries
Want results from more Discord servers?
Add your server