adaptive_1

server/frontend/main/main.js

@@ -2,6 +2,8 @@ const swiper = new Swiper('.swiper', {
   // Optional parameters
   direction: 'horizontal',
   loop: true,
+  spaceBetween: 1, // расстояние между слайдами 10-15px
+    slidesPerView: 3,
 
   // Navigation arrows
   navigation: {
@@ -22,7 +24,7 @@ const swiper = new Swiper('.swiper', {
       1200: {
           slidesPerView: 2,
       },
-      1600: {
+      1650: {
           slidesPerView: 3,
       },
   }
@@ -56,4 +58,21 @@ var x = setInterval(function() {
     clearInterval(x);
     document.getElementById("demo").innerHTML = "EXPIRED";
   }
-}, 1000);
+}, 1000);
+
+
+const burger = document.getElementById('burger');
+const nav = document.getElementById('nav');
+const links = document.querySelectorAll('.menu .link');
+
+burger.addEventListener('click', () => {
+    burger.classList.toggle('active');
+    nav.classList.toggle('active');
+});
+
+links.forEach(link => {
+    link.addEventListener('click', () => {
+        burger.classList.remove('active');
+        nav.classList.remove('active');
+    });
+});