Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 1 year ago

Suite landing page solution with scss/BEM

sass/scss, vite, bem
P
Stefan Vetsch•140
@vstm
A solution to the Suite landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

Things I am proud of:

  • Used linear-gradient for the first time, and it didn't blow up in my face :D
  • Used neovim instead of vscode (which only partially blew up in my face)

Things I could do better:

  • In the readme there was a note about thinking first how to structure the CSS, which was a good idea, but I only read about it after I completed the challenge :D.
What challenges did you encounter, and how did you overcome them?
  • I wasn't sure how to handle the blur image, the Figma wasn't helpful as it only showed the dimensions of the circle without the blur around it. Here I just played around with the numbers until it looked somewhat ok.
What specific areas of your project would you like help with?
  • I used the responsive images (and) but I wasn't sure how to test them properly (for example how to simulate that webp is not supported, or the 2x image for apple devices). Is there any easy way to do this in chrome devtools? Or do I need something like browserstack to do that.
Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Stefan Vetsch's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License