Fix: Expand media query breakpoint for better responsiveness.

The media query max-width has been increased from 400px to 600px to improve the layout on a broader range of smaller displays. This change helps provide a more consistent visual experience across different device sizes. Signed-off-by: Christian Roessner <c@roessner.co>
croessner · Dec 2, 2024 · b084298 · b084298
1 parent 6d61dbc
commit b084298
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/static/css/style.css b/static/css/style.css
diff --git a/static/css/style.scss b/static/css/style.scss
@@ -300,7 +300,7 @@ input[type=text].totp-digit {
  * Media adjustments for smaller display sizes
  */
 
-@media (max-width: 400px) {
+@media (max-width: 600px) {
     .logo {
         width: 150px;
     }