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

Custom CSS

Thidar Nyeinโ€ข 410

@thidarnyien

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

Community feedback

Lucas ๐Ÿ‘พโ€ข 104,420

@correlucas

Posted

๐Ÿ‘พHello Mal Thidar, congratulations for your new solution!

๐ŸŽฏ Your solution its almost done and Iโ€™ve some tips to help you to improve it:

1.Add transitions to make the interaction smoother while the element gets hovered, you can use a value like transition: all ease-in 0.5s. For example the button.

2.The cards are a little bit rounded, use a value around border-radius: 14px:

.container {
    border-radius: 14px;
    margin-bottom: 20px;
}

3.It is not advisable to use IDs as CSS selectors because if another element in the page uses the same/similar style, you would have to write the same CSS again. Even if you don't have more than one element with that style right now, it might come later.

โœŒ๏ธ I hope this helps you and happy coding!

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