Skip to content
Submitted about 4 years ago

HTML and CSS only

Jesus David Villarroel•100
@jdvillarroel
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

In the mobile version of Firefox, the webpage does not display properly, at least on my phone (Samsun A51). In the web browser, the page works fine but not in the mobile version. I don't know why. On chrome, everything is fine.

I think the site looks good, but I couldn't make the picture of the drawer looks exactly as the sample image.

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    Nice work, Jesus David Villarroel!

    The image in your solution looks fine, but (if I remember correctly) I think you can use the object-fit property to specify whether you want the image to scale or not or to simply fit the image to the size of its container to make it look a little closer to the original.

    Keep coding (and happy coding, too)!

    0
    Jesus David Villarroel•100
    @jdvillarroelPosted about 4 years ago

    Thank you! I will keep doing my best (and having fun coding =) ).

    0

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