how to resize image in html and avoid distortion image tag code example
Example: css resize image without distortion
.frame {
height: 250px;
background: transparent no-repeat center;
background-size: cover;
background-image: url('http://i.imgur.com/lNB7QSt.jpg')
}