refactor: revert media query range notation (#1072)

Media queries range syntax not supported by Safari for iOS under 16.4

See also:
- https://caniuse.com/?search=media-queries

This reverts commit 1682ce9d7c.

_sass/layout/archives.scss

@@ -133,7 +133,7 @@
   }
 } /* #archives */
 
-@media all and (width <= 576px) {
+@media all and (max-width: 576px) {
   #archives {
     margin-top: -1rem;
 

_sass/layout/category-tag.scss

@@ -59,7 +59,7 @@
   }
 }
 
-@media all and (width <= 576px) {
+@media all and (max-width: 576px) {
   #page-category,
   #page-tag {
     ul > li {

_sass/layout/home.scss

@@ -139,7 +139,7 @@
 } /* .pagination */
 
 /* Tablet */
-@media all and (width >= 768px) {
+@media all and (min-width: 768px) {
   #post-list {
     %img-radius {
       border-radius: 0 $base-radius $base-radius 0;
@@ -173,7 +173,7 @@
 }
 
 /* Hide SideBar and TOC */
-@media all and (width <= 830px) {
+@media all and (max-width: 830px) {
   .pagination {
     justify-content: space-evenly;
 
@@ -186,7 +186,7 @@
 }
 
 /* Sidebar is visible */
-@media all and (width >= 831px) {
+@media all and (min-width: 831px) {
   #post-list {
     margin-top: 2.5rem;
   }
@@ -212,7 +212,7 @@
 }
 
 /* Panel is visible */
-@media all and (width >= 1200px) {
+@media all and (min-width: 1200px) {
   #post-list {
     padding-right: 0.5rem;
   }

_sass/layout/post.scss

@@ -380,7 +380,7 @@ h1 + .post-meta {
   }
 }
 
-@media all and (width <= 576px) {
+@media all and (max-width: 576px) {
   .preview-img[data-src] {
     margin-top: 2.2rem;
   }
@@ -395,14 +395,14 @@ h1 + .post-meta {
   }
 }
 
-@media all and (width <= 768px) {
+@media all and (max-width: 768px) {
   .post-content > p > img {
     max-width: calc(100% + 1rem);
   }
 }
 
 /* Hide SideBar and TOC */
-@media all and (width <= 849px) {
+@media all and (max-width: 849px) {
   .post-navigation {
     padding-left: 0;
     padding-right: 0;