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 window)View code(opens in new window)

This is a solution for...

Loopstudios landing page

HTML
CSS
JS

2junior

View challenge

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

@parimaldesign

Posted 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

Please log in to post a comment

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