DEV Community

Cover image for Frontend Mentor.io Challenge: PhotoSnap Website
AjeaS
AjeaS

Posted on • Edited on

Frontend Mentor.io Challenge: PhotoSnap Website

Project Name: PhotoSnap
Level: Advanced
Source Code
Live

screenshot of photosnap website

Setup: I used Vite with Sass and deployed with Vercel.

Overview: I got to utilize CSS grid, and I'm starting to get more comfortable with it now.

Things I learned

  • Mixins for media queries (helpful link, Thanks Kevin P
  • (Note to self) Use the layout grid option in Figma to help visualize columns and rows.
  • Making a card taller than others using a CSS grid
  • How to deploy a Vite project to Vercel (what I learned in the previous project, but just forgot to mention)

Image of Datadog

Master Mobile Monitoring for iOS Apps

Monitor your app’s health with real-time insights into crash-free rates, start times, and more. Optimize performance and prevent user churn by addressing critical issues like app hangs, and ANRs. Learn how to keep your iOS app running smoothly across all devices by downloading this eBook.

Get The eBook

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay