Mobile-first solution using Leaflet.js, Mapbox, SCSS, and Flexbox
Design comparison
Solution retrospective
I didn't include my API key and access token in the code because that isn't good practice, so you'll have to provide yours to test the functionality.
If you know a way in which I can make it so that people are still able to use my application and see the source code without exposing the sensitive information, please let me know.
Otherwise, the screenshots in the /screenshots
folder show what the outcome looks like.
Also, the console informed me of issues when making requests to Mapbox stating that the SameSite
attribute of cookies wasn't defined. I'm not sure if or how I should define it myself, or if that's something on Mapbox's end.
Again, if you found a solution to this, kindly let me know!
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