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

sass 7-1 architecture | flex-box | vanilla Js

Azkaβ€’ 480

@Azkanorouzi

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


Hey community πŸ˜€πŸ™‹β€β™‚οΈ. I am back again, this is my solution and I hope you guys enjoy it, this one doesn't have anything out of ordinary this timeπŸ˜…, I am trying to get comfortable with scss and 7-1, this challenge was quite easy however it was a hassle for me to get used to 7-1, sass partials and in particular splitting out your code to various files got me into trouble a few times, I was thinking is it not better to just go with css and forget all about sass partials and just write your code in one big file? πŸ€”, but I once heard that when it comes to big projects and more complex webpages then it would be quite absurd to write everything in one css file because things are gonna get out of control and messy so soon. I also recommend you guys to get used to this way of writing out your code it's certainly not logical to use it in such a small challenge but well we need a way to practice what we've learned.

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