diff --git a/site/css/main.scss b/site/css/main.scss index 6c0984b..cedc9fc 100644 --- a/site/css/main.scss +++ b/site/css/main.scss @@ -17,6 +17,7 @@ body { .container { margin: 0 auto; + padding: 0 30px; } .main { @@ -39,14 +40,12 @@ body { } article { - // max-width: 720px; - // margin: 0 auto; margin-bottom: 75px; color: var(--content-text-color); &::after { content: ""; - width: 100%; + width: calc(100% - 2 * 30px); // account for .container padding, don't overflow max-width: 720px; height: 1px; background-image: linear-gradient(to right, var(--secondary-ui-text-color), var(--shadow-color)); @@ -193,11 +192,15 @@ pre, code { font-size: 16px; } +img { + display: block; + margin: 0 auto; + max-width: 100%; +} + figure { - img { - display: block; - margin: 0 auto; - } + margin: 0; + figcaption { font-family: $sansSerif; font-size: 16px;