Submitted almost 3 years ago

Product preview card component- HTML,CSS

Tabassum Khanum•110

@tabassum2507

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

Any feedback or improvement tips are always welcome and appreciated!

Code

Please log in to post a comment

Community feedback

Prantik•660
@prantiknoor
Posted almost 3 years ago
Hey @tabassum2507. Nice work 🙂.

It looks good on chrome, but in screenshot didn't. If you open the site on Firefox, you wil see as like screenshot.

You can solve this issue by using, flex: 1 0 50%; on image.
```
section > img {
  width: 48%;
  border-radius: 1.5rem 0 0 1.5rem;
  
  flex: 1 0 50%;
}
```
After solving this issue, you can generate new screenshot. I think that will look good. 🎉
Marked as helpful

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