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 card using tailwind

Ved Jain 380

@vedjain773

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Abecarne

Posted

Hello @vedjain773!

Great work on this!

I would recommend you to use your browser tool to check for the responsiveness of your website (if you are on chrome, you can press f12 or right-click -> inspect). This is a good way to modify the height / width of the window.

Like this, you could use media queries to handle these different size.

Godd luck for the other challenges :)

0

Ved Jain 380

@vedjain773

Posted

@Abecarne thnx for the feedback! Since this was my first project using tailwind, i thought it would be better if i tackled the responsiveness of the site separately, will def add it in the future😅

0

@Abecarne

Posted

@vedjain773

Oh then you really did a great job for your first project !!

If you want, you can follow the "Learning Paths" on this Frontend mentor website. I've done them and it's really accurate with the knowledge i had. This project is one of the first to make responsive design haha

hope you the best :)

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