Skip to content
Submitted over 1 year ago

Article Preview Component

Q8LPs6Vs•100
@Q8LPs6Vs
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Struggled quite a bit more with the svgs and pop-up-menu than I thought, which resulted in messy code that I'll have to clean up later.

Either way, it should be acceptable now. 2 media queries.

Community feedback

  • _nehal💎•6,710
    @NehalSahu8055Posted over 1 year ago

    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
    1

Please log in to post a comment

Log in with GitHub

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