diff --git a/frontend/src/Documents/Docs.scss b/frontend/src/Documents/Docs.scss index 4fd314c..5976a83 100644 --- a/frontend/src/Documents/Docs.scss +++ b/frontend/src/Documents/Docs.scss @@ -13,6 +13,7 @@ } .section { + padding: 1rem; width: 100%; } @@ -22,6 +23,11 @@ flex-grow: 0; flex-wrap: wrap; + // 400px is the minimal width for 2 cards to fit + @media (max-width: 400px) { + justify-content: center; + } + .card { transition: 0.3s; user-select: none; @@ -81,13 +87,14 @@ align-content: baseline; h1 { - margin-left: 0; + margin-left: 1rem; margin-right: auto; min-width: 0; flex-grow: 1; } input { + margin-left: 1rem; transition: 0.3s; font-weight: 600; font-size: 2rem;