diff --git a/src/styles/layout.css b/src/styles/layout.css index f16dea7..d2b2dcc 100644 --- a/src/styles/layout.css +++ b/src/styles/layout.css @@ -54,12 +54,14 @@ @media (max-width: 700px) { .page { - width: min(100% - 24px, 1120px); - padding: 24px 0 48px; + width: 100%; + padding: 0 0 48px; } .content { - padding: 24px 18px; - border-radius: 16px; + padding: 24px 16px; + border: 0; + border-radius: 0; + box-shadow: none; } } diff --git a/src/styles/markdown-details.css b/src/styles/markdown-details.css index a7772fa..c3ace52 100644 --- a/src/styles/markdown-details.css +++ b/src/styles/markdown-details.css @@ -152,3 +152,14 @@ padding: 20px 24px; border: 0; } + +@media (max-width: 700px) { + .content details .answer, + .content details > table td { + padding: 16px; + } + + .content details .answer-short { + padding: 14px 16px; + } +}