Submitted about 2 years ago

Responsive page using flex

@Galvez121

A solution to the Product preview card component challenge

Solution retrospective

Could anyone explain to me why the justify-content: center; and align-content: center; did not center the page? I had to use margin: auto; to do so. I could take those lines off, and It will not affect the page layout.

For the responsive, I was not sure how to change one picture to another one. I did it using display: none. Is there any other way to do that?

Any comment that would help me to improve is welcome!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Juan Galvez's solution.

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