Screen Capture of the issue in question

I am working on my first Project, it is a Book-list library.

I can’t seem to get the Card components to be centered on the site. It is shifted to the left.

I have all of my Card information in the App.js file, Card.js, and Card.css

I have tried multiple methods, videos, and even tried to see if ChatGPT could give some insight but nothing seems to get them centered.

(I have added a screen capture of the issue above)

Thank you very much