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
  • What I learned
  • Useful resources
• Author

Screenshot

Links

• Solution URL: Frontend Mentor Solution
• Live Site URL: Live Site at Vercel

My process

Built with

• Semantic HTML5 markup
• Flexbox
• Grid
• Responsive Design
• CSS Animations
• Media queries

What I learned

This challenge was for sure one of the hardest until now. Was my first time using grid-template-area and was a great exercise to learn this tool. Another aspect that was great doing this challenge was the opportunity to use JS library for the fist time adding the maps with Leaflet. Great and amazing challenge.

Useful resources

• Grid Areas by THE Net Ninja - An amazing tutorial to learn how to work and build grid structures with grid template areas.
• Grid Areas by Kevin Powell - A complete and in depth guide about GRID and grid-template-areas.

Author

• Github - correlucas
• Frontend Mentor - @correlucas