Submitted about 2 years ago

Product Preview Card with HTML and CSS

@Grunt395

A solution to the Product preview card component challenge

Solution retrospective

I used Flexbox for the first time in this project and struggled to center the main content of the page. Is there a best way to center the content with or without Flexbox?

This project involved a desktop and a mobile image included. I ended up displaying both images at the same time on the page, but would hide one of them using display: none; for the respective layout. Is there a better way to display either the desktop or mobile image without having to manually hide one of them?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Grunt395'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