Skip to content
Submitted over 1 year ago

Responsive Loopstudios created with React and using custom animations

Andrea Y Costas•190
@a-costas
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Loopstudios landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

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!

Community feedback

  • Parimal•190
    @parimaldesignPosted over 1 year ago

    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
    0

Please log in to post a comment

Log in with GitHub

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