Skip to content
Submitted over 1 year ago

Basic HTML/CSS

Rob Simpson•490
@pertrai1
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Could not get the image to scale correctly in desktop. No matter what the perfume would always scale up and if I tried to make it smaller, the whole image would get smaller. Any help would greatly be appreciated.

Community feedback

  • Adel Al Qosi•250
    @Adel-Al-QosiPosted over 1 year ago

    did you try to give the image width of 100% and display of block? that would make it easier to deal with

    if that does not help enough feel free to reach out and I will try my best to help more.

    Marked as helpful
    2
    Rob Simpson•490
    @pertrai1Posted over 1 year ago

    @Adel-Al-Qosi You led me in the right direction to look at my CSS and I noticed that I was still using the mobile background for desktop. I changed it and then set background-size: cover and it worked. Thank you.

    1
  • Burim Palloshi•230
    @BurimPPosted over 1 year ago

    Hi Rob! I fixed the issue and made a pull request, you can go on git hub and check it out.

    Marked as helpful
    1
    Rob Simpson•490
    @pertrai1Posted over 1 year ago

    @BurimP I left a comment in the pull request. Thank you for taking the time.

    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