Before i adjusted the width of the image, it was centered, however it was also the full width of the page, which stretched the image. After the i adjust the width, it sits to the left of the page and i don't know why? Can someone help me to center it please?
add - align-items: center; to your '.centered-content' css selector. That is what you need if you set the flex-direction to column and you wont need to add the 'text-align: center'
AHHHHHHH THANK YOU SO MUCH!!!!!!!