Submitted 8 months ago

3 Column Card Layout using SCSS and BEM

bem, sass/scss, accessibility

LVL 2

Abdukadir Ibrahim•170

@icabduqaadir12

A solution to the 3-column preview card component challenge

Preview Code

Solution retrospective

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

I'm proud of how clean and responsive the layout turned out using a mix of Flexbox and CSS Grid. Next time, I’d like to add smooth hover animations and possibly rebuild it using React to practice component reusability.

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

I didn’t face any significant challenges during this project.

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

I'd like feedback on:

SCSS structure and modularity
Use of BEM naming (any improvements?)
Card responsiveness and alignments

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Abdukadir Ibrahim’s solution.

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