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

Responsive card challenge made with flexbox

@ZaphDev

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Was my inclusion of scss useful? or should i had use more of the sass tools like mixin, maps and variables? Was flexbox the correct option for this challenge?

Thanks everyone for their feedback

Community feedback

David 8,000

@DavidMorgade

Posted

Hello Anuar, congrats on finishing the challenge, your project looks awesome and its responsive, great job!

To answer your question, if you are using SASS, you should try to use the full power of it!, try using variables for every type of value that you are going to repeat a few times, doing that on your future projects, can make them easy to change any type of value just changing a variable instead of having to go throught all the project you change a simple style. Also would recommend you to use mixins, with mixins you will get your CSS much faster that just coding as normal, the most used ones are the mixins for media queries and for grid / buttons!

Hope my feedback helps you for future challenges!

Marked as helpful

1

@ZaphDev

Posted

@DavidMorgade Thank you David! Since i felt that this was a really small project i didn't feel like adding the mixins or variables, but you are right, i should use them even for small stuff so i can get used to doing. Thank you so much for the feedback :)

1

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