Skip to content
Submitted about 2 years ago

3-Card-Component (Responsive Design + SCSS)

Jordan Kleinbaum•210
@JordanKleinbaum
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is my first attempt at using the SCSS preprocessor instead of normal CSS. I absolutely love it. I mainly use it just for indentation, but that alone makes me never want to go back to normal CSS haha.

How is my SCSS? How can I utilize the preprocessor even more?

Onto the next! 🖥️

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • sgarcialaguna•180
    @sgarcialaguna

    By indentation you mean nesting selectors? That is available in the major browsers now, see https://youtu.be/YnWPeA6l5UE. CanIUse stats: https://caniuse.com/css-nesting

    The SASS version is still more powerful / convenient though, Kevin has a dedicated video on the differences: https://www.youtube.com/watch?v=ljDIcBp-9sQ

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