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

3-Column Preview Card using BEM & SASS

@clakr

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


UPDATED Solution: 05/15/2023

3 Column Preview Card 🎉

Any feedbacks or questions are appreciated though! 😁 Feel free to start a thread or a discussion, and I'll try to accommodate your concerns.

Community feedback

@youssefouba

Posted

Good job on incorporating accessibility into your project! Paying attention to accessibility is important for building inclusive and user-friendly components. Using SASS for CSS pre-processing and reusing variables can also help improve the maintainability and organization of your code. Keep up the good work!

1

@clakr

Posted

@youssefouba Thanks for the feedback! I try to incorporate accessibility now into projects so that it will become a muscle memory for me instead of the mental overhead to include it in every project.

SASS wise, there should be a better way to use SASS variables instead, I'm lazy to deep dive into this 😂 so if anyone can point it out, that would be helpful.

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