Skip to content
Submitted about 3 years ago

Column Preview Card using Sass + React

sass/scss, react
kirty•380
@kirtymeena
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi, I am learning Sass. I would like to have feedback on best practices and on design and code. This will help me learn sass and react.

Code

Please log in to post a comment

Log in

Community feedback

  • Prabhash Ranjan•2,540
    @besttlookk

    Hi, Congts on completing this challeng. Following are the issue i like to point out.

    1. Tho it look okay for large screen and mobile but it is not entirely responsive. Add mode media-query or use flex-wrap or grid with auto-fit.
    2. Give padding in x direction. Content should never touch the boundry.

    Other than than its good.

    Good Luck #happyCoding

    Marked as helpful
  • Ayush Nath•360
    @Beats-Ayush

    Nice job completing this challenge. Some issues:

    • Background-color of body is missing.
    • The text is the buttons is leaning towards the top. You can fix that by display: flex; align-items: center;.

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