As I work on creating a responsive website using my laptop, I have encountered an unexpected issue. Using live reload at 0.0.0.0
port 3000 allows me to preview my project on my mobile device. However, the layout appears differently when viewed at 127.0.0.1
:
On the other hand, viewing the website at localhost
, 192.168.0.102
, or 0.0.0.0
displays a different layout:
Above is the screenshot from Chrome on 127.0.0.1
I am puzzled by this inconsistency. The tools and frameworks I utilized include:
- Zurb Foundation 5
- Bourbon