My page is currently overflowing its length compared to the main table, and I want it to be as long as the table. The issue seems to be related to the code snippet below:
thumbnail {
padding: 0;
background-color: transparent;
transition: transform 0.2s;
width: 200px;
height: 300px;
}
thumbnail:hover {
transform: scale(2);
z-index: 40;
}
thumbnail span{
position: absolute;
background-color: #FFFFFF;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
width: 410px;
}
thumbnail span img{
border-width: 0;
padding: 2px;
}
thumbnail:hover span{
visibility: visible;
position: absolute;
top: 500px;
left: 1000px;
}
A link to my page can be found here. However, there are some deprecated elements within the content that should be ignored.
I am also trying to remove all the blank space on the page which can be seen here.
If I remove the mentioned code snippet, the problem with the page length is resolved.