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 using react.js

Richard 320

@riwepo

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


For me the tricky bits were -

Including a div with a fixed class name ('leaflet-container') while using CSS modules which normally decorates the class names.

Figuring out how to cause the map to update to a new location.

Styling the background images was a little tricky, I didn't realise I had to style the img element inside the picture element.

Getting the input element to resize properly from inside a flex-box.

Getting the vertical separator bars between the list of geo-location data.

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