Frontend Mentor - Art gallery website solution

This is a solution to the Art gallery website challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Continued development
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout for each page depending on their device's screen size
• See hover states for all interactive elements throughout the site
• Bonus: Use Leaflet JS to create an interactive location map with custom location pin

Screenshot

Links

• Solution URL: Github
• Live Site URL: Live demo

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• MUI - For styles
• React - JS library

Continued development

My goal in this project is to become more efficient with the MUI library. I'd like to make sure I'm using as much of the library, and as little custom CSS as I can.

I also need help with the coloring of the title in the hero. It uses some sort of effect that I dont know about.

Author

• Website - Matt Seidel
• Frontend Mentor - @mseidel819