add .5px to max-width media queries to ensure a smooth transition

diff --git a/src/css/header.css b/src/css/header.css
index 04b07f3..876784f 100644 (file)
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -156,7 +156,7 @@ body {
   margin: 0.25rem 0;
 }
 
-@media screen and (max-width: 1023px) {
+@media screen and (max-width: 1023.5px) {
   .navbar-brand .navbar-item {
     align-items: center;
     display: flex;

diff --git a/src/css/main.css b/src/css/main.css
index 88dd4bd..40dd045 100644 (file)
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -1,4 +1,4 @@
-@media screen and (max-width: 1023px) {
+@media screen and (max-width: 1023.5px) {
   aside.toc.sidebar {
     display: none;
   }