Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Photsnap multi-page website (Next.js)

@Lordyner

Desktop design screenshot for the Photosnap multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


๐ŸŽ Features:

Achieved 99% in Lighthouse score for performance, accessibility, best practices, and SEO. ๐Ÿ“Š Form validation โœ”๏ธ

Responsive design ๐Ÿ“ฑ๐Ÿ’ป

CSS Modules to cut my styles.

๐ŸŽจ Clean codebase and formatted using VS Code formatter. ๐Ÿ’ป

๐Ÿ› ๏ธ Built With:

Next.js 13. โšก

Semantic HTML5 markup ๐Ÿ“‘

CSS custom properties ๐Ÿ’Ž

Flexbox ๐Ÿ–Œ๏ธ

CSS Grid ๐Ÿ–Œ๏ธ

Mobile-first workflow๐Ÿ“ฑ

Let me know if you have any feedback, I would love to improve my solution ๐Ÿ˜Š๐Ÿค

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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