CSS: Fit image

by Alberto Naperi Jr.

HTML

<div class="thumbnail">
    <img src="http://static.hdw.eweb4.com/media/wallpapers_dl/1/106/1058184-beautiful-landscapes.jpg" alt="MV5BMTQ2NjA5MTA3NF5BMl5BanBnXkFtZTgwNDk1MDExMzE" />
</div>

CSS

.thumbnail{
    height: 230px; 
    width: 141px; 
    max-height: 198px; 
    max-width: 141px;
    float: left; 
    overflow: hidden;
    position: relative;
    border: 1px solid #DDD;
}

.thumbnail img {
    width: 100%;
    height: 100%;
}