Submitted 6 months ago

Page using flexbox and sass

Samir• 260

@Samir22Raj

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

3-column preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Used sass to create webpage this time. Only used the basics like variables, mixins and import as I am new to it. Was able to complete it a lot sooner than expected.

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

Not many problems. Am still a bit confused on setting media queries but played around a bit and solved that.

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

Looking for feedback on the code and implementation of sass in this project.

Community feedback

Jithin B P• 490

@Jithin-b-p

Posted 6 months ago

Hai Samir, Congratulations on completing the 3-column preview card component💫. Great work from your side. I have some suggestions for you.

Arrange your sass files and compiled css into different folders. For more on how to structure a sass folder check this out
Use @forward and @use instead of @import in sass as it get phased out by sass within few years. Check out the references to know why @import is not efficient and what are the alternatives. reference-1 reference-2

Hope these knowledges add helps you in long run🙏. Have a good day and Happy coding 🌟

Marked as helpful

Please log in to post a comment

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