Skip to content
Submitted about 1 year ago

js sass loopstudios landing page

sass/scss
Annalisa•200
@Annalisa11
A solution to the Loopstudios landing page challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • Chanda•820
    @Chanda-Abdul

    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

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