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

Galleria slideshow site with Nextjs and Typescript

@alexisdlr

Desktop design screenshot for the Galleria slideshow site coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Hello Devs, I have completed this challenge using Nextjs, Typescript and TailwindCSS, this was a challenge because I was faced with situations I had never been in before, but I'm excited to finally finish it!

What I learned:

Actually this challenge was relatively simple but I did learn some new things:

  1. How to make a masonry layout, I learned it using the react-masonry-css library.
  2. How to make a lightbox with yet-another-react-lightbox.

What challenges did you encounter, and how did you overcome them?

The main problem I faced was the handling of absolute in the design of the artwork, as in responsive design this is always a problem, fortunately I managed to overcome it by using tailwind media queries.

What specific areas of your project would you like help with?

handling absolute css property and fetching data, how to reuse lightbox component

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