Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Loopstudios-landing-page | Components | Mobile-first | SASS

Sam 910

@JustANipple

Desktop design screenshot for the Loopstudios landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi everyone! i've made it through this challenge!

This time i wanted to give the nav bar a little animation in mobile flow, so i worked with setTimeout to make every option appear smoothly one by one

To avoid repeating all the creation blocks, i made a unique JavaScript component that iterates through a list and creates every element. If we had more creations, it would be easier and cleaner to add images and text into the arrays to show a new creation

Hope you like it!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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