Front page: fit 320 px phones (smaller header, single-column tool grid)

Author: WEBGRS

index.html

@@ -117,7 +117,8 @@
 @media (max-width: 980px) {
   .nav { display: none; }
   #lang { margin-left: auto; }
-  .tools .tool { grid-column: 1 / -1; }
+  .tools { grid-template-columns: 1fr; }
+  .tools .tool { grid-column: auto; }
   .shot { height: auto; aspect-ratio: 16 / 10; }
   .news-grid { grid-template-columns: 1fr; gap: 20px; }
   .links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@@ -135,6 +136,12 @@
   .links { grid-template-columns: 1fr; }
   footer .wrap { grid-template-columns: 1fr; }
 }
+@media (max-width: 420px) {
+  .top .wrap { gap: 12px; }
+  .brand { font-size: 16px; gap: 8px; font-variation-settings: "wdth" 100; }
+  .brand svg { width: 26px; height: 26px; }
+  #lang { padding: 5px 11px; font-size: 13px; }
+}
 </style>
 </head>
 <body>