Skip to content
Submitted about 2 years ago

Art Gallery Website (HTML + CSS / Leaflet JS) 👨‍💻

Adriano•38,290
@AdrianoEscarabote
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Art gallery website
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

👨‍💻Hello guys.

This is my solution to this challenge! It was a lot of fun to build this project, I had my first contact with a JS library, and thanks to the documentation with content and very didactic tutorials, I managed to make an interactive map with a personalized pin!!!

I added some details:

-👨‍💻Interactive location map with custom location pin, using Leaflet JS

-👨‍🎨custom hover Effect

Feel free to leave feedback on how I can improve my code. 😊

Thanks!

Community feedback

  • Lucas 👾•104,340
    @correlucasPosted about 2 years ago

    Boa! Mandou muito fazendo o desafio mais difícil de html/css!

    Não tenho mto a adicionar já que vc está em outro nível, só arrumaria uma coisa para fazer com que as imagens parassem de distorcer quando a tela começa a diminuir adicionando essas propriedades:

    IMG {
    max-width: 100%;
    display: block;
    object-fit: cover;
}

    O resto tá perfeito. Parabéns!

    Marked as helpful
    1
    Adriano•38,290
    @AdrianoEscarabotePosted about 2 years ago

    @correlucas Muito obrigado! Você é o melhor!

    0
  • Sinisa Vukmirovic•1,690
    @SinisaVukmirovicPosted almost 2 years ago

    Again, how are you this GOOD!

    Amazing eye for details and ideas!

    1
    Adriano•38,290
    @AdrianoEscarabotePosted almost 2 years ago

    @SinisaVukmirovic I'm glad you liked it!!

    0
  • Tiago Henrique•110
    @TiagoHenrique10Posted about 2 years ago

    Ai, sim Adriano, muito bom cara ficou perfeito, está mandando super bem quando crescer quero ser assim haha

    1
    Adriano•38,290
    @AdrianoEscarabotePosted about 2 years ago

    @TiagoHenrique10 hahuahhauhau tamo junto man

    0
  • donchian•190
    @d0nchianPosted about 2 years ago

    Hey incredible website! Can i ask what you used for your load in animations?

    0
    Adriano•38,290
    @AdrianoEscarabotePosted about 2 years ago

    @d0nchian what load animation? are you talking about the hovers?

    0

Please log in to post a comment

Log in with GitHub

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