Photosnap multi-page website built with Next.js and Tailwind CSS

Solution retrospective
I built this project with Next.js, TypeScript, and Tailwind CSS. My main focus was creating a clean responsive system across all four pages while keeping the component structure reusable.
The biggest challenge was managing the repeated responsive image patterns and keeping the split layouts consistent across mobile, tablet, and desktop. To solve that, I standardized the image paths and used shared components for page heroes, split sections, story cards, the features grid, and the CTA banner.
I also worked through pricing toggle state, mobile navigation, and layout polish so the UI felt more consistent with the design files.
If I revisited this project, I would spend more time refining some of the breakpoint-specific spacing and add a bit more motion and accessibility polish.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Bryan Lordeus’s solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord