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
  • Continued development
  • Useful resources
• Author

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size

Screenshot

Links

• Solution URL: Add solution URL here
• Live Site URL: [art-gallery-frontend-mentor-faruking.vercel.app/]

My process

I used a layout-first process that involved creating how the layout should look like before inserting contents one after the other and styling them.

Built with

• HTML
• CSS
• CSS Grid

What I learned

I learnt "grid-template auto row" ,flexbox, how to use leafletmap etc

Continued development

Would like to continue learning layouts and how to style a character with different colors

Useful resources

• leaflet map - Used this to create an interactive map
• stackoverfow - Used this to solve some of the minor problems i was having

Author

• Frontend Mentor - faruking2
• Twitter - faruking2