Frontend Mentor - Galleria slideshow site solution

This is a solution to the Galleria slideshow site challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Overview

The challenge

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Navigate the slideshow and view each painting in a lightbox

Screenshots

---

Desktop view

---

Tablet view, open slide

---

Open gallery page - Desktop

---

Mobile view, open slide

---

Links 🧐

• Live Site URL: (https://galleriaa-slideshow-site.netlify.app/)

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• JavaScript

Features

• CSS only Masonry style front page layout
• Modal / lightbox gallery display
• Responsive design

🙃 ## Thank You!! ## 🙂