galleria-slideshow-site

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

I wanted to populate the gallery dynamically. To do so, I had to first load all the thumbnail images then properly assign the grid areas to them using the image width/height. I am not sure if this was the best way to do it, though.

I found the layout of the slide page tricky. I first tried to do it with grid, but it could not cope with different screen sizes. I ended up combining flexbox, absolute positioning, and grid box. I would like to know how other people handled the layout.

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

I would like to have comments/suggestions on how I implemented the masonry layout. I could not make it as compact as shown in the Figma design, and maybe I could use a column of flexboxes? Would it have been better if I used an existing library (e.g. masonry.js)?

But, really, any feedbacks are welcomed!