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 using TypeScript, Tailwind and UnoCSS

Clark Tolosaโ€ข 530

@clakr

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Article Preview Component ๐ŸŽ‰

Any feedbacks or questions are appreciated! ๐Ÿ˜ Feel free to start a thread or a discussion, and I'll try to accommodate your concerns.

Community feedback

_nehal๐Ÿ’Žโ€ข 6,710

@NehalSahu8055

Posted

Hello Coder ๐Ÿ‘‹.

Congratulations on successfully completing the challenge! ๐ŸŽ‰

Few suggestions regarding design.

  • To proper align the image as per fem design. Add:
.article__img {
object-fit: cover;
object-position: left;
}

  • Use some meaningful and descriptive alt for non decorative image like Drawer with some decorative items above it.

I hope you find this helpful.

Happy coding๐Ÿ˜„

Marked as helpful

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