Skip to content
Submitted about 4 years ago

React, Framer-Motion, Macy.js, Redux Toolkit, Styled Components

Michal•665
@mbart13
A solution to the Galleria slideshow site challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

what would be the most effective way to load images on next slide?

currently, when you are running for the first time, animation doesn't go so smoothly

update: I just used Link tag with rel="preload" to preload hero images

Code

Please log in to post a comment

Log in

Community feedback

  • Emmilie Estabillo•5,600
    @emestabillo

    Hey Michal, looks awesome! Really admiring the animations you used here. I'm not quite getting the bug you described above, will something like exitbeforeenter make a difference? I think the layout is ready to go desktop before 1250px, or maybe having the header centered before the breakpoint just to avoid the large white space before the desktop view. For some reason, the outline around the word CLOSE is showing by default on ios. Might be specific to the OS though. Bookmarked :-)

    Marked as helpful

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