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 GitHubJoin 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