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 cards with Sass, css grid and Flex.

Alexis De Leonβ€’ 470

@alexisdlr

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


any feedback?

Community feedback

Dev Rathoreβ€’ 2,600

@GitHub-dev12345

Posted

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

0
Dev Rathoreβ€’ 2,600

@GitHub-dev12345

Posted

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

0

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