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

VueJS IP Address Tracker With Leaflet Map

@curlos

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


I did everything well it seems except for one thing: I couldn't have the blue border set in half with the IP Address Stats Card. It's possible to do so if the width is set to a certain amount of pixels but becomes complicated when the window is resized. Not sure how to solve this unless I could somehow get the height of the current div and set the margin-bottom to 50% of that. How did you all solve this?

Community feedback

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