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);
|
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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue