I've encountered an issue with a div tag containing an image that may exceed the screen size. When this happens, I want to increase the height of the div tag and have a footer displayed below it. Currently, my styling for the div tag looks like this:
#dropbox {
height: 80%;
text-align: center;
display: flex;
flex-direction: column;
min-height: 60vh;
}
#footer{
display: flex;
position: relative}
However, the problem is that the footer remains fixed in its position and does not move down to the bottom once the image exceeds the dimensions of the div tag.