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

Responsive Card Compont using TailwindCSS

Fernando Leonβ€’ 60

@ferchuzzito

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


hey, I hope you can review my project, thank you

Community feedback

Lucas πŸ‘Ύβ€’ 104,420

@correlucas

Posted

πŸ‘ΎHello Fernando Leon, congratulations for your new solution!

Your solution is great, I've one suggestion only about the column with the text, to give more padding between the elements. You need to apply this property justify-content: space-around; to create a better gap betwen the text content, see the fixes below:

.pb-5 {
    display: flex;
    padding-bottom: 1.25rem;
    flex-direction: column;
    justify-content: space-around;
}

πŸ‘‹ 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