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 card component -- HTML & Tailwind CSS

Johnrome 180

@gomegdev

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


Create using HTML and Tailwind CSS. All feedback is welcome! Thanks!!!

Community feedback

Bryan Li 3,550

@Zy8712

Posted

Your site looks great! The only thing I thinks you should adjust are:

  • removing the cursor-pointer class as button tags automatically already have cursor-pointer when hovering over the button
  • you should also probably either give your component a set height or change hover:border-2 to just border-2 so your card doesn't keep changing height when you hover over a button

Aside from that it seems you have a solid grasp on Tailwind. Nice work 👍

1

@alexguemar

Posted

Great job you're doing with Tailwind! Just a piece of advice, I would move the border-width: 2px to the class instead of the :hover. That would help with better visualization.

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