Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product Preview Card Component

Jagpratap Singhβ€’ 50

@jagpratap

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Guys my first project, done my best , any suggestion about best practices or any issue are most welcome

Community feedback

imadβ€’ 3,310

@imadbg01

Posted

Greeting Jagpratap Singh!! Congratulations for completing your challenge!, πŸ‘πŸ‘πŸ‘. well done

you did great, just a simple fix to that shrinking on the image you can add flex-shrink: 0; to it, because the flex items will shrink to the small size possible and width: 50% has no effect on it,

.card-image-desktop {
	display: block;
	width: 50%;

	flex-shrink: 0;
}

Hope this help!

overall Happy coding, and have a great Day

Marked as helpful

1

Jagpratap Singhβ€’ 50

@jagpratap

Posted

thanks imad for your valuable suggestion that why preview was not showing correctly let me update the changes.

1
Krishna Tiwariβ€’ 80

@krishna-cyber

Posted

Have you noticed something wrong on your image .... it doesn't aligned properly and left some gap bottom side πŸ˜ͺ

1

Jagpratap Singhβ€’ 50

@jagpratap

Posted

@krishna-cyber thanks for pointing out the detail i have fixed now.

0
Krishna Tiwariβ€’ 80

@krishna-cyber

Posted

@jagpratap now it looks perfectπŸ‘Œ

0

Please log in to post a comment

Log in with GitHub
Discord logo

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