Image won't display properly

HTML-CSS
1

When I change my browser’s size the image isn’t shown in center, but it is shown properly in full view. How to make it more responsive? Here is the link https://codepen.io/newbiewebdeveloperr/pen/zyQMKy?editors=1100

2

try the following changes to your css:

#img-position {
  position: relative;
  /* left: 525px; */
}
#img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;

}
1 Like