Recently, I created a slider that functions flawlessly. However, I am struggling to make the image fit inside the div without distorting its proportions. I've tried various methods but haven't been able to achieve the desired result.
Could you provide some assistance with this issue?
Here is the code snippet for reference.
Your help would be greatly appreciated.
#featuredslider{
margin: 0 auto;
margin-bottom:80px;
width:1080px;
height: 350px;
background-color:#FFFFFF;
display:block;
position:relative;
overflow:hidden;
top:85px;
}
#featuredslider img{
position:absolute;
width:100%;
height:auto;
max-height:350px;
}