fixed image overflow in stylesheet
This commit is contained in:
parent
c21bfc5fe6
commit
c39aa1f525
1 changed files with 12 additions and 1 deletions
|
@ -94,6 +94,8 @@ a:hover {
|
|||
background: var(--main-transparent);
|
||||
}
|
||||
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
|
@ -183,11 +185,20 @@ small a {
|
|||
.image-container {
|
||||
text-align: center;
|
||||
margin: 20px 0;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
/* Optional: add some spacing around the image container */
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue