Skip to content
Submitted over 3 years ago

3 Column Preview Card Component with Sass and BEM implementation

Jaycee Altamia•330
@simplyJC
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I am having a hard time setting up border-radius and ended up adding multiple media queries to achieve desired result. I need to learn more. Any feedback or suggestion is highly appreciated, Thanks.

Code

Please log in to post a comment

Log in

Community feedback

  • Siege•520
    @idesmar

    Hi Jaycee, regarding your border-radius problem, you can set it on the parent container. That would be on .class__container if I read your code correctly. In the event you encounter problems with contents going beyond your container, you may want to look into overflow: hidden;. Hope I was able to help you with that problem.

    Happy coding!

    Marked as helpful
  • Anosha Ahmed•9,300
    @anoshaahmed

    To avoid accessibility issues in the future, have at least one <h1> in your code

    Good job! :)

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