After completing my new portfolio website at work experience, I was given the task of completing a website homepage for one of the company’s clients.

This involved me learning the BEM (Block, Element, Modifier) syntax approach for SCSS. It was partly challenging as I had to adapt to the company’s structure of code however, this taught me how to work well in a development team.

SCSS allows for a wider range of syntax to be used. Nested properties can be used which makes the SCSS code more clear when developing as it shows what properties will be active on different elements. Mixins allow the reuse of properties and make changing these properties a one-off task rather than modifying each element with that property.

When SCSS is compiled to CSS form, the SCSS components are identified and the appropriate CSS replaces those components.

Find out more about SCSS here.