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

Community feedback

• 

  Antoine C•1,210

  @mattari97Posted about 2 years ago

  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!

  Marked as helpful

  1
• 

  John Mirage•1,590

  @john-miragePosted about 2 years ago

  Hello,

  Two links that can help you:

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

  Marked as helpful

  1