fix distorted images at certain sizes
This commit is contained in:
parent
4859e9b295
commit
a4e6438a5e
|
@ -12,18 +12,6 @@ body.colorscheme-light .avatar img {
|
|||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
.content article header {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content figure.svg > img {
|
||||
height: 100%;
|
||||
}
|
||||
|
@ -35,7 +23,6 @@ h6 {
|
|||
.content figure.icon-inline {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.content figure.icon-inline > figcaption p {
|
||||
|
@ -46,7 +33,11 @@ h6 {
|
|||
}
|
||||
|
||||
.content figure.icon-inline > img {
|
||||
height: 6em;
|
||||
display: block;
|
||||
height: auto;
|
||||
width: auto;
|
||||
max-width: 6em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
|
@ -77,6 +68,7 @@ h6 {
|
|||
|
||||
.content figure.icon-inline > img {
|
||||
height: 4em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.content figure.icon-inline.icon-right > img {
|
||||
|
|
Reference in New Issue