Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 4 months ago

Sleek Developer Portfolio with SASS

accessibility, parcel, sass/scss, bem
Temidayo David•60
@TemidayoDavid
A solution to the Single-page developer portfolio 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?

I am most proud of the knowledge I gained using SASS. With SASS I was able to properly organise my stylesheet, plan ahead and use best practices which saved me time, removed redundance and clutter.

Ultimately, I was able to write clean codes.

Using partials, learning about @use and @forward compared to the @import was also an eye opener.

Going forward, I would love to learn more in-depth ways of using SASS, functions etc. This would allow me to have even more control of my CSS.

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

Many tutorials on using SASS are dated, and therefore some syntax and methods are deprecated. I had to dig deep to find some more recent explanatory videos on how to work around the use of @insert.

Using @use and @forward was a game changer, taught by Kevin Powell, I was able to set up all my variables and partials.

I also encountered the challenge of using a bundler like parcel, and had to understand the directory structure, research on creating build files, deploying them and correcting the file paths in the dist folder, to allow for the file to come up.

What specific areas of your project would you like help with?

I would like help with knowing how to really use the @use and @forward methods in SASS.

Chiefly because I believe that I just scratched the surface.

Also knowing what accessibility standards to use as a project expands and best naming conventions would be a really great help.

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 Temidayo David'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