Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

IP Address Tracker - HTML CSS JS API Maps

Les 50

@lquines

Desktop design screenshot for the IP Address Tracker coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


All comments welcome.

Community feedback

P
Chamu 12,970

@ChamuMutezva

Posted

Nice work Les I like the additional hide button that you added , very handy expecially on small devices as the details panel would get in the way of the map. Another issue that i noticed is when i resize the browser between 640 and 850 the orientation changes such that on my laptop the top side shifts to the left. I would love to attach an image for better explanation. This is awesome . Happy coding

0

Les 50

@lquines

Posted

@ChamuMutezva Thanks for the comments. The behavior you mentioned is to force it to stay in portrait mode for mobiles and small screens as it does not look good in landscape mode. I tried to include the iphonex which has a long resolution. If anybody has a suggestion on how to make it behave better t would be appreciated. Thanks again.

0
P
Chamu 12,970

@ChamuMutezva

Posted

@lquines, so it is a result of the media query with orientation in it. That is something that I have to play around with, have been neglecting looking at that.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord