F.E.M (Frontend Mentor.io) Project: PhotoSnap Website

F.E.M (Frontend Mentor.io) Project: PhotoSnap Website

Project Name: PhotoSnap
Level: Advanced
Source Code
Live

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)

Leave a Reply

Your email address will not be published. Required fields are marked *