Problem centering image on website. Using HTML and CSS styles.
1. The image does not center/resize on a pc screen or an iphone properly. It cuts the image on both.
2. I would like it to be responsive and auto-resize the image for smaller screens and remove the border my code adds to the bottom of the page. See problem-image.jpg
3. What size should the image be so that it resizes fine on both larger and smaller screens.
I am a newbie at making websites, please be very specific as to how I should change the code in the index.html or style.css
Your help is greatly really appreciated ...