Skip to content
Submitted over 3 years ago

3 column preview cards with Sass, css grid and Flex.

sass/scss
Alexis De Leon•470
@alexisdlr
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

any feedback?

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Dev Rathore•2,540
    @GitHub-dev12345

    In First Card Design CSS Code: Used this code for border radius:

    border-radius-left-top: 12px; border-radius-left-bottom: 12px;

    And third Card Design CSS Code: Used this code for border radius:

    border-radius-right-top: 12px; border-radius-right-bottom: 12px;

    Marked as helpful
  • Dev Rathore•2,540
    @GitHub-dev12345

    Congratulation Nice Work Keep it up 😉👍

    Used this code want your card in center position :

    in body tag Used this CSS Code: body{ display : flex; justify-content: center; align-item: center; }

    in Card Design CSS Code used this property: align-self: center;

    Marked as helpful

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