Replace percent sizes with viewport size
authorLanius Trolling <lanius@laniustrolling.dev>
Sat, 2 Mar 2024 20:08:50 +0000 (15:08 -0500)
committerLanius Trolling <lanius@laniustrolling.dev>
Sat, 2 Mar 2024 20:09:37 +0000 (15:09 -0500)
src/jvmMain/resources/static/style.css

index d53625d2088e215793270f2bb0081fd09facbd69..712da7543fb4e84591742ef6d0acde281c227a5f 100644 (file)
@@ -527,7 +527,7 @@ aside.mobile img {
        }
 
        main > section {
-               width: 48%;
+               width: 48vw;
                margin: 4vh auto;
        }
 
@@ -552,24 +552,22 @@ aside.mobile img {
        }
 
        nav.desktop {
-               width: 16%;
+               width: 16vw;
                float: left;
                margin: 4vh 4vw;
 
                position: sticky;
                top: calc(4vh + 1.25rem);
+               max-height: calc(92vh - 2.5rem);
        }
 
        aside.desktop {
-               width: 16%;
+               width: 16vw;
                float: right;
                margin: 4vh 4vw;
 
                position: sticky;
                top: calc(4vh + 1.25rem);
-       }
-
-       aside.desktop {
                max-height: calc(92vh - 2.5rem);
        }