Here is my proposition for this challenge!

I tried using in-HTML media queries, I don't know if this is a best practice but I thought it would avoid loading unnecessary code when loading the website on mobile for example.

I also used CSS variables and built the grid with flexbox !

I'm open to every comment !

Any feedback is welcome!

Here is my version of this cool challenge ! I have a small issue with the location icon on the map that moves when zooming in/out, maybe someone can help me with this!

Open to any of your comments!