I have a div(card) , Inside it i have two more divs 1. top div and 2. bottom div, inside top div i have placed an image and have set its width to 100% and height to auto, but I'm noticing some extra pixels(green horizontal line) at the bottom of my top div ,I don't have any margin or padding set on top div. How can I fix this.
img{
width: 100%,
height:auto
}
top{
background-color:green
}