Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Four Card Feature Responsive Layout. Made with SCSS/Vanilla Javascript

@dev-jLagunas

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I learned so much doing this project. It was my first time using SCSS with a vanilla javascript project so I learned about the live Sass compiler and using node-sass to compile my SCSS to CSS for deployment on Netlify.

The project itself was also meaningful because of the new features of SCSS I practiced. Such as variables, nesting, map-get, and others. I also took the extra step of creating a table of contents for my stylesheet. Again, with each project I am trying to get into the mindset of a professional developer.

Finally, I added "dark-mode" toggle functionality to the project as a little bonus challenge.

I truly do love this stuff! I am off to do another project.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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