Submitted over 1 year ago

Basic HTML/CSS

Rob Simpson• 480

@pertrai1

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

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-Qosi

Posted 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

Rob Simpson• 480

@pertrai1

Posted 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.

Burim Palloshi• 230

@BurimP

Posted 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

Rob Simpson• 480

@pertrai1

Posted over 1 year ago

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

Please log in to post a comment

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