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

Basic Css with flexbox

Atul kumar 200

@AtulKumar0001

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


Why is my card tilted to the left after 560 pixels? Any advice would be greatly appreciated.

Community feedback

@im-abhijit

Posted

hi @AtulKumar0001 , congratulations on completing this

it quite to understand things from your css , but you can easily center your card with flex box using justify-content and align-items property .

below is an example for that

https://jsfiddle.net/yorhtq1e/2/

0

Atul kumar 200

@AtulKumar0001

Posted

Hey @im-abhijit, I appreciate the advice, but I'm not sure I understood it. It's like I am using the flexbox property to center elements in the body, or are you asking me to use the flexbox property somewhere else also?

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