Article preview component using astro, tailwind and JS

Solution retrospective
In this front-end project, I'm most proud of the clean and efficient use of various technologies and plugins like Prettier, Astro, and Tailwind. The code is well-structured and organized, and media queries have been effectively used to provide a responsive design. I would appreciate any advice or feedback you could provide to help me improve my front-end development skills. Please feel free to share your thoughts and ideas. I appreciate any help you can provide.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@AnonymousCoder323
Great job! Looks very similar to the design. I noticed how the share button icon doesn't have a light grey background. Was this intentional? Also, I noticed how on screens larger than 1440px the card is not centered. You can fix this by adding the
grid
andplace-content-center
classes to thebody
element. I also noticed that there is not triangle pointing down on the share toast on tablet and mobile. I use this resource to generate a triangle and then positioned it accordingly relative to the share toast. You can check out what I did here.
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