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

Article Preview Component with Tailwind.css and Alpine.js

Wendy 1,890

@wendyhamel

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@gmarco10

Posted

Great solution! I do not have too much tailwind background to check that part but the solution works very accurate. I loved the transition to show the share section in desktop mode. 1 comment: it seems to be a defect in the mobile mode when clicking the share button. The first time it is clicked it shows the footer component.

Well done!

0

Wendy 1,890

@wendyhamel

Posted

@gmarco10 Thank you for your comment.

Great find about the footer. The invisible overlay to click on for the footer overlaps the bottom part of the card, so your click triggers that. I'll think of a different way to show the footer and will change it.

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