Submitted 3 months ago

js sass loopstudios landing page

Annalisa• 170

@Annalisa11

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

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-Abdul

Posted 3 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

Annalisa• 170

@Annalisa11

Posted 3 months ago

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

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