Skip to content
Submitted about 2 years ago

Responsive Loopstudios created with React and using custom animations

animation, react
P
Andrea Y Costas•190
@a-costas
A solution to the Loopstudios landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I wanted to challenge myself to create custom animations for on hover behavior as well as for the mobile hamburger menu opening and closing.

I'd love feedback on best practices as well as maintaining accessibility. As well as any other feedback you may have!

Code

Please log in to post a comment

Log in

Community feedback

  • Parimal•190
    @parimaldesign

    Hi Andrea, Congratulations on completing this challenge. I love the animations on the link hover and also the Hamburger menu.

    I checked the preview on a 22'' monitor and there were some issues with the website :

    • "THE LEADER IN INTERACTIVE VR" section wasn't centered
    • "Over creations" grid was wide and images in the grid weren't taking up all the available space.

    Otherwise, the code is pretty much flawless and I and other new developers can learn from it.

    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