DEV Community

Cover image for F.E.M (Frontend Mentor.io) Project: PhotoSnap Website
AjeaS
AjeaS

Posted on

F.E.M (Frontend Mentor.io) Project: 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)

Top comments (0)