I'm developing a web application in jsp and servlet and put an image in a column of bootstrap <div class="col-11"></div>
so I put the image in the center of the screen using margin-left
.But by decreasing the width of the page the image short
Image in the normal width of the page
Imagecutwithpagewidthdecreased
<divclass="row">
<div class="col-11"><img src="imagens/imagem1.JPG"class="imagem_principal" id="desconto" alt="desconto"></div>
</div>
#desconto{
width: 90%;
height: 60px;
margin-top: 30px;
margin-left: 70px;
}