Apologies for the repeated question, but my research hasn't yielded a solution I can apply. Inside a div with the specified styles, there is an image:
<div class="thumb grid_6">
<img src="img/test2.jpg" alt="flavin" />
</div>
.grid_6 { width: 50%; }
.thumb img {
display: block;
max-width:100%;
max-height: 100px;
width:100%;
I want to lock the image height at 100px while keeping the width at 50%. Ideally, the image should maintain its aspect ratio and crop accordingly to fit the thumbnail size. I prefer to avoid using JavaScript unless it provides a significantly simpler solution. I apologize for my coding inexperience.
Any assistance would be greatly appreciated.