Javascript 如何为移动用户优化我的网站？

所以，我创建了我的网站，也尝试过为移动用户优化它，但没有成功。请注意，我是网站开发的初学者，自学成才。我来这里学习：）遵循了一些指南/教程，一些我自己的东西等等。我愿意接受建议和建设性的批评：）提前谢谢

我会将所有内容粘贴到这里：

const导航幻灯片=（）=>{
const burger=document.querySelector（'.burger'）；
const nav=document.querySelector（'.nav links'）；
const navLinks=document.queryselectoral（'.nav links li'）；
burger.addEventListener（'click'，（）=>{
//切换导航
nav.classList.toggle（'nav-active'）；
//动画链接
navLinks.forEach（（链接，索引）=>{
if（link.style.animation）{
link.style.animation=''；
}否则{
link.style.animation=`navLinkFade 0.5s轻松转发${index/7+0.3}s`
}    
});
//汉堡动画
burger.classList.toggle（'toggle'）；
});
}
导航幻灯片（）
*{
边际：0px；
填充：0px；
框大小：边框框；
}
导航{
显示器：flex；
证明内容：周围的空间；
对齐项目：居中；
最小高度：4vh；
背景色：#a44949；
字体系列：“Poppins”，无衬线；
}
.标志{
颜色：rgb（241，241，241）；
文本转换：大写；
字母间距：3px；
字体大小：20px；
}
.导航链接{
显示器：flex；
宽度：30%；
证明内容：周围的空间；
}
.nav链接李{
列表样式：无；
}
.导航链接a{
颜色：rgb（241，241，241）；
文字装饰：无；
字母间距：3px；
字体大小：粗体；
字体大小：14px；
}
.汉堡{
显示：无；
光标：指针；
}
.汉堡部{
宽度：25px；
高度：3倍；
背景色：rgb（241，241，241）；
保证金：5px；
过渡：所有0.3秒缓解；
}
@媒体屏幕和屏幕（最大宽度：1024px）{
.导航链接{
宽度：45%；
}
}
@媒体屏幕和屏幕（最大宽度：768px）{
身体{
溢出x：隐藏；
}
.导航链接{
位置：绝对位置；
右：0px；
高度：92vh；
顶部：8vh；
背景色：#a44949；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
宽度：50%；
转化：translateX（100%）；
过渡：0.5s轻松过渡；
}
.nav链接李{
不透明度：0；
}
.汉堡{
显示：块；
}
.横幅{
宽度：50%；
}
}
.导航激活{
转化：translateX（0%）；
}
@关键帧navLinkFade{
从{
不透明度：0；
转换：translateX（50px）；
}
到{
不透明度：1；
转换：translateX（0px）；
}
}
.toggle.line1{
变换：旋转（-45度）平移（-5px，6px）；
}
.toggle.line2{
不透明度：0；
}
.toggle.line3{
变换：旋转（45度）平移（-5px，-6px）；
}
.横幅{
宽度：100%；
}
.文本框{
显示器：flex；
位置：固定；
背景：rgb（250250250）；
利润上限：-4px；
左边距：240px；
右边距：240px；
证明内容：周围的空间；
最小高度：100vh；
}
.文字uvod{
字体系列：“Poppins”，无衬线；
字号：28px；
字母间距：2px；
颜色：黑色；
文本对齐：居中；
字体大小：粗体；
}
.页脚{
显示：网格；
网格模板行：重复（1，最小内容）；
网格自动流：列；
位置：固定；
底部：0；
宽度：74.48%；
左边距：240px；
右边距：240px；
证明内容：周围的空间；
最小高度：28vh；
背景色：#a44949；
字体系列：“Poppins”，无衬线；
颜色：rgb（241，241，241）；
}
.页脚列表{
显示：块；
证明内容：周围的空间；
列表样式：无；
字母间距：1px；
字体系列：“Poppins”，无衬线；
}
海德先生{
证明内容：周围的空间；
字母间距：1px；
填充顶部：30px；
填充底部：50px；
}
mapouter先生{
位置：相对位置；
文本对齐：右对齐；
填充顶部：7px；
高度：250px；
宽度：250px；
}
.gmap_画布{
溢出：隐藏；
背景：无；
高度：250px；
宽度：250px；
}

MD自动德洛维
拉基奇医学博士








Auto Delovi Rakić，bavimo se putničkim i teretnim项目。我不知道该怎么做。Radimo sve poznate brendove.

Ulja i maziva koja su nam se najbolje pokazala和prodaji su Mogul Ulja za putnički i teretni项目。Takođe，radimo i ostale brendove.

Garancja na svaki kupljeni proizvod

特鲁迪莫·埃斯波什图耶莫·斯瓦科格·库帕萨·卢巴兹诺舍奇在德洛瓦的科瓦利特敦。

Hoćemo da budemo tim i da sa lakoćom rešimo svaki问题koji vas muči.

斯古尼·斯莫（Sigurni smo u sebe i mi）和莫žemo（možemo）在一起，证明了我的观点

Hvala na poseti，

Vaši Auto Delovi RakićMD 021

康塔克

美孚尼：062/329-077

波达奇

PIB:112295370
马蒂奇尼兄弟：66007057

拉德诺·维雷姆

蓬佩塔克：08:00-18:00
子数据：08:00-14:00小时
Nedelja:我的DNA

洛卡西亚

奥斯陆博恩贾32c，鲁门卡21201

在CSS中添加以下行：

@media (max-width: 1200px) {
  .text-box {
    margin: 0 6px;
  }
  .text-uvod {
    font-size: 16px;
  }
  .footer {
    width: 100%;
    margin: 0;
  }
}

@媒体