diff --git a/packages/typescriptlang-org/src/templates/documentation.scss b/packages/typescriptlang-org/src/templates/documentation.scss index 373b47338262..eed06e3bb530 100644 --- a/packages/typescriptlang-org/src/templates/documentation.scss +++ b/packages/typescriptlang-org/src/templates/documentation.scss @@ -45,7 +45,12 @@ article { display: flex; + flex-direction: row; width: 100%; + + @media (max-width: 999px) { + flex-direction: column; + } } .whitespace, @@ -53,7 +58,10 @@ margin: 1rem auto; margin-top: 0; padding: 2rem; - overflow: hidden; + + @media (max-width: 999px) { + order: 2; + } } .whitespace-tight { @@ -61,16 +69,21 @@ } aside { - display: none; - - @media (min-width: 1000px) { - display: block; - } - width: 13rem; flex-shrink: 0; margin-left: 20px; + @media (min-width: 1000px) { + display: block; + } + @media (max-width: 999px) { + position: relative; + top: 0; + width: 100%; + z-index: 1000; + margin-left: 0; + order: 1; + } nav { position: sticky; top: 30px;