alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

📱 feature: responsive (and centered) images

Browse Source
This commit is contained in:
welpo 2023-02-18 19:39:07 +01:00
parent d653f5b281
commit 9242fa4389
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
sass/parts/_image.scss
View File

@ -3,12 +3,20 @@ figure {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
max-width: 100%; max-width: 100%;
height: auto;
} }
figure img { figure img {
max-height: 500px; max-height: 500px;
} }
img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
figure { figure {
padding: 0 40px; padding: 0 40px;