quad
/
blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix image size

This commit is contained in:
Quad 2025-04-18 20:43:50 +02:00
parent 028bb8479b
commit 4e9df4568a
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
themes/quadrant/assets/css/main.css
View File

@ -1,6 +1,7 @@
/* margin boilerplate */ /* margin boilerplate */
:root { :root {
--site-width: 960px;
--regular-margin: 15px; --regular-margin: 15px;
} }
@ -42,7 +43,7 @@ html {
body { body {
display: block; display: block;
max-width: 960px; max-width: var(--site-width);
margin: 0 auto; margin: 0 auto;
padding: 10px 10px; padding: 10px 10px;
} }
@ -96,7 +97,7 @@ header hr, footer hr {
} }
main img { main img {
max-width: 960px; max-width: var(--site-width);
box-sizing: border-box; box-sizing: border-box;
border-radius: 5px; border-radius: 5px;
box-shadow: 2px 2px 10px #000; box-shadow: 2px 2px 10px #000;
@ -109,3 +110,13 @@ time, small {
footer small a { footer small a {
padding-right: 12px; padding-right: 12px;
} }
@media only screen and (max-device-width: var(--site-width)) {
body {
max-width: 100vw;
}
main img {
max-width: 95vw;
}
}