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

Responsive layout using flex

@CoderKnight02

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


This is my fourth challenge, I think this was the easiest of all cause I got some practice from my last submitions. Any feedback is wellcomed!!!

Community feedback

imad 3,330

@imadvv

Posted

Greeting Manuel Bacallao Perez, congratulations for completing your challenge!

just to fix that shrinking on the image you can add flex-shrink: 0; to it.

example fix.

.desktop-image {
	width: 50%;
	flex-shrink: 0;
}

and that should fix it.

Hope this help!!

Happy Codding, and have a Good Day/Night

Marked as helpful

0

@CoderKnight02

Posted

@imadbg01 Hey that was fantastic, I had no idea what was making it look like that. Thaks a lot!!!!

1
imad 3,330

@imadvv

Posted

@CoderKnight02 You're Welcome my friend, I feel you bro, I was facing the some problem before, you can check out this arcticle By Blair Wadman, Hi Give a great explanation to this.

Marked as helpful

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