I have an HTML file where clicking on an image opens a box with text below it using jQuery. Is there a way to push the images under the box down to ensure that the box never covers an image? It needs to be responsive as well.
Below is the CSS code:
#projekte {
list-style: none;
text-align: center;
width: 100%;
}
#projekte li {
display: inline-block;
margin: 10px 5px 10px 5px;
width: 300px;
}
#projekte img {cursor: pointer; width: 300px;}
.beschreibung {
background-color: #bec3c8;
display: none;
width: 100%;
left: 0;
position: absolute;
}