Making an image responsive and center

Curriculum Help
,
1

https://codepen.io/ibdavid10/pen/LYxYVQx

hey guys, first of all in advance thanks for your help.
i’m having trouble in the tribute page challange, the problem is that i cannot make my image responsive and centered.
i’ve tried the display, justify-content, width,height,max-width properties without getting a result.

2

img {
max-width: 100%;
display: block;
height: auto;
margin: 0 auto;
}

#img-div {
background: white;
padding: 10px;
margin: 0;
}

#img-div{
background-color: white;
height: auto;
}
#img{
max-width: 100%;
display: block;
height: auto;
margin: 0 auto;

3

thanks for your help, this is the correct solution but i have a question about the use of the white background color, what is the thought of using it? is it to visibily identify the margin and padding?