Skip to content
Submitted about 1 year ago

3-Card-Component (Responsive Design + SCSS)

Jordan Kleinbaum•210
@JordanKleinbaum
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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! 🖥️

Community feedback

  • sgarcialaguna•180
    @sgarcialagunaPosted about 1 year ago

    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

    0

Please log in to post a comment

Log in with GitHub

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