diff --git a/static/css/style.css b/static/css/style.css index 09abc16..c48bd86 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -13,8 +13,6 @@ --color02_bright: #b88a5b; --image-margin-side: 2.5em; - - --content-width: 900px; } /******************* Page *******************/ @@ -280,7 +278,7 @@ a:focus { } @media only screen and (min-width: 1000px) { .container { - max-width: var(--content-width); + max-width: 900px; } } .page-icon { @@ -506,8 +504,8 @@ a:focus { .article-body figure { margin: 1em 0; 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 { @@ -517,7 +515,6 @@ 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 { @@ -541,9 +538,6 @@ a:focus { } .article-body figure.inline { display: inline-block; - min-width: auto; - margin-left: 1em; - margin-right: 1em; } .article-body figure.half { width: 100%; @@ -554,7 +548,7 @@ a:focus { max-width: 33.33%; } .article-body figure.logo img { - width: 100px; + width: 100%; max-width: 100px; min-width: auto; vertical-align: bottom;