Skip to content
Submitted 17 days ago

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

next, typescript, tailwind-css
P
LVL 5
@blordeus
A solution to the Photosnap multi-page website challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

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.

Code
Loading...

Please log in to post a comment

Log in

Community 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