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

Product preview card component

@eugene-karuna

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


This my first frontend Mentor challenge. Any advise is more then welcome!

Besides of the css I would like to know if the structure is valid this way?

Community feedback

Mithun U 150

@Kratos-750

Posted

Nice solution

As for your question about the structure, anything is valid as long as we get the result

Ohh I think you missed the active status you can temoparily change the css(like background colour) of an element using .element:hover{}, you can also add a transition to make it look better.

Since it is a simple project i would recommend you to do it without any css frame works since it dosen't showcase your skills

you can checkout my solution

Hope this was helpful!!:)

Marked as helpful

0

@eugene-karuna

Posted

@Kratos-750 thanks for your feedback!

I did add the hover state to the btn.

As for Tailwind, even if it is a simple project, I would like keep up using it since I plan using it for other projects.

Your solution is very nice!

1

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