max-width
, или через @media
display: block; max-width: 100%;
не подходитobject-fit: cover
jsfiddle.net/o5may4qpbackground-size: cover
.container {
position: relative;
}
.container img {
position: absolute;
top: 0; bottom:0; left: 0; right:0;
margin: auto;
}
$('input').on('change', function(){
$('.btn-warning').html('hello world')
})
Как правильно сделать, чтобы они не смотрелись криво, и занимали все место своей обертки
background-size: cover;
подойдет?