Fix media query not working on Safari

Safari on iOS <16.4, which is still widely used (e.g. by the
iPhone 13), doesn't support them.

The max-width media query was rewritten to the range syntax by our
format-on-save setting, so I also disabled that.

.stylelintrc

@@ -3,6 +3,7 @@
     "stylelint-config-standard"
   ],
   "rules": {
+    "media-feature-range-notation": null,
     "alpha-value-notation": "number",
     "import-notation": "string",
     "no-descending-specificity": [

.vscode/settings.json

@@ -2,7 +2,7 @@
     "eslint.enable": true,
     "eslint.format.enable": true,
     "editor.tabSize": 2,
-    "editor.formatOnSave": true,
+    "editor.formatOnSave": false,
     "editor.formatOnSaveMode": "modificationsIfAvailable",
     "eslint.validate": [
         "javascript"

src/client/css/partials/floatingBanner.css

@@ -61,7 +61,7 @@
   outline: 5px auto -webkit-focus-ring-color;
 }
 
-@media (width <= 600px) {
+@media (max-width: 600px) {
   .floating-banner {
     padding: var(--padding-sm) 10vw var(--padding-sm) 2.5vw;
   }