Skip to content
Submitted 4 months ago

js sass loopstudios landing page

Annalisa•200
@Annalisa11
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

What are you most proud of, and what would you do differently next time?

I finally got a good grasp of scss functions

What challenges did you encounter, and how did you overcome them?

I realized that there were active states to be implemented that required some more javascript logic when I was half way through. Since I thought it was only some styling I didn't bother setting up a whole react app and instead used simple html and some vanilla js. When I saw that I had to make the responsive Menu open, I just left it because I was too lazy to implement in js... Maybe some other time

Community feedback

  • Chanda•800
    @Chanda-AbdulPosted 4 months ago

    Overall great job on the LoopStudios challenge! Great use of Sass and BEM conventions.

    You mentioned adding a responsive Navigation in the future. Here is a great resource for that Responsive Top Navigation

    Consider using less <div>'s in order to make your code more semantic and accessible. Here is an article to get you started intro to semantic HTML

    Also, don't forget to remove console.log()'s before you publish your code.

    I hope that helps!

    Marked as helpful
    0
    Annalisa•200
    @Annalisa11Posted 4 months ago

    @Chanda-Abdul Thanks a lot for the extra resources, I will look into them!

    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