Submitted over 2 years ago

Responsive Art Gallery Website

accessibility, react, react-router, styled-components, sass/scss

Bogdan Kim•780

@semperprimum

A solution to the Art gallery website challenge

Preview Code

Solution retrospective

I would greatly appreciate your feedback!

I used Leaflet to make a map for the location screen. Changing a marker turned out to be quite a challenge since it was my first time trying that. I didn't realize I needed to use a special function for it.
I'm not too sure about the big title (h1) on the home page and how I made it have two colors. I tried using mix-blend-mode: difference for a two-color effect, but it's supposed to be just black and white based on the design. Unfortunately, because of the image, I couldn't get it to be completely black and white.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Bogdan Kim's solution.

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