nft-preview-card-component-main

Hellow @iammankatah, as a recommendation I would use the measure of pixels (px) to give width to the content so it does not overflow or move every time I go downsizing to see the responsive and to align on the X axis and Y axis with flexbox you must give a height to the container if it does not work is always recommended 100vh and then with flexbox is centered with: display: flex; justify-content: center; align-items: center; and with that you avoid giving margin to the boxes to be centered and that the rest is practice and more practice!!!

Translated with www.DeepL.com/Translator (free version)

Thanks so much i will def read more, practice more and get better with time. thanks so much