diff --git a/static/css/style.css b/static/css/style.css index 12ae0f2..09abc16 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -13,6 +13,8 @@ --color02_bright: #b88a5b; --image-margin-side: 2.5em; + + --content-width: 900px; } /******************* Page *******************/ @@ -278,7 +280,7 @@ a:focus { } @media only screen and (min-width: 1000px) { .container { - max-width: 900px; + max-width: var(--content-width); } } .page-icon { @@ -506,7 +508,6 @@ a:focus { max-width: 100%; width: fit-content; overflow: visible; - min-width: calc(50% - 2 * var(--image-margin-side)); } .article-body figure picture, .article-body figure figcaption { @@ -516,6 +517,7 @@ a:focus { .article-body figure img { vertical-align: middle; padding-bottom: 0.3em; + min-width: calc(50% - 2 * var(--image-margin-side)); } @media only screen and (min-width: 768px) { .article-body figure { @@ -552,7 +554,7 @@ a:focus { max-width: 33.33%; } .article-body figure.logo img { - width: 100%; + width: 100px; max-width: 100px; min-width: auto; vertical-align: bottom;