My website page is not responsive on Google Chrome and Opera but in Developers Tools it is
Hello, I did my website homepage in responsive way. This is link: https://inferno14.github.io/Become-a-BBQ-master/
Media queries is set for smaller screen size at breakpoint of 500px. At that breakpoint layout should change from two columns side by side to one column (stack one top of another). But when I go to resize width of browser Opera or Chrome, that does not happen. But when I go to inspect element in Developer Tools and change there width then it works great. Like it should. In Mozilla works too.
Here are screenshots:
https://prnt.sc/C7IRrxJdN9RJ In Google Chrome, not in DevTools, not working responsiveness
https://prnt.sc/S7Y28MB3EfOT In DevTools of Google Chrome, responsiveness works
Why is that?
Thanks
Media queries is set for smaller screen size at breakpoint of 500px. At that breakpoint layout should change from two columns side by side to one column (stack one top of another). But when I go to resize width of browser Opera or Chrome, that does not happen. But when I go to inspect element in Developer Tools and change there width then it works great. Like it should. In Mozilla works too.
Here are screenshots:
https://prnt.sc/C7IRrxJdN9RJ In Google Chrome, not in DevTools, not working responsiveness
https://prnt.sc/S7Y28MB3EfOT In DevTools of Google Chrome, responsiveness works
Why is that?
Thanks
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
