fixed image overflow in stylesheet

This commit is contained in:
Daniel Fichtinger 2025-07-09 13:42:05 -04:00
parent c21bfc5fe6
commit c39aa1f525

View file

@ -94,6 +94,8 @@ a:hover {
background: var(--main-transparent); background: var(--main-transparent);
} }
max-width: 100%;
overflow: hidden;
img { img {
display: block; display: block;
margin-left: auto; margin-left: auto;
@ -183,11 +185,20 @@ small a {
.image-container { .image-container {
text-align: center; text-align: center;
margin: 20px 0; margin: 20px 0;
max-width: 100%;
overflow: hidden;
/* Optional: add some spacing around the image container */ /* Optional: add some spacing around the image container */
} }
.image-container img { .image-container img {
/* max-width: 308px; */ max-width: 100%;
width: auto;
max-height: 100%;
height: auto;
}
.fixed .image-container img {
max-width: 308px;
max-height: 308px; max-height: 308px;
} }