Article Preview Component using Tailwind CSS, CSS grid and Vanila JS

Hello Yaika. Congratulations on completing this challenge 🎉🎉🎉.

I have some small suggestions to help you improve your solution:

• I did not try this challenge but it seems that there is a box-shadow applied to the card (your main container) in the original design. It is a really easy fix since you used tailwind. They have some build in box-shadows that you can use. If however you want to create a custom one here is a resource where you will find a lot of different examples. Just create a custom utility like you already did with the @apply directive.

• There is a small issue with the rounded corners of your image. A simple solution would be to remove the border-radius on the image and add the property overflow: hidden on the main element. The image will then follow the shape of the container.

There you go, that is nothing really 😊 You did a great job. Happy coding!

Hello,

Two links that can help you:

• Understand and make a nice triangle
• Example of a tooltip