Javascript 我的整个网站在响应模式下向左推，如何发现问题？

我的整个网站向左推内容，通常是由于语法错误，但我真的找不到我的问题，请帮助我是一个初学者，我的代码有很多噪音，我在多个格式化程序和验证程序网站上运行了html和css，但仍然没有找到任何内容。如果问题得到解决，我还删除了所有媒体查询，以供se使用，但没有祝你好运，请帮帮我

*{
保证金：0；
填充：0；
框大小：边框框；
溢出：可见；
滚动行为：平滑；
}
身体{
背景：url（images/bg.jpg）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
z指数：2；
}
.集装箱{
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
身高：100%；
宽度：100%；
}
/*按钮返回顶部-----------------------------------------------------------------------*/
#myBtn{
显示：无；/*默认情况下隐藏*/
位置：固定；/*固定/粘性位置*/
底部：20px；/*将按钮放在页面底部*/
右：30px；/*从右侧放置按钮30px*/
z-index:99；/*确保它不重叠*/
边框：无；/*删除边框*/
大纲：无；/*删除大纲*/
背景色：#f10e32；/*设置背景色*/
颜色：白色；/*文本颜色*/
光标：指针；/*在悬停时添加鼠标指针*/
填充：15px；/*一些填充*/
边界半径：10px；/*圆角*/
字体大小：18px；/*增大字体大小*/
}
#myBtn：悬停{
背景色：#d19ea6；
}
/*导航栏--------------------------------------------------------------------------------------*/
navbar先生{
排名：0；
宽度：100%；
高度：自动；
背景：#18191a；
显示器：flex；
证明内容：中心；
对齐内容：居中对齐；
z指数：2；
过渡：前0.3名；
}
迈利斯先生{
身高：100%；
宽度：500px；
显示器：flex；
证明内容：中心；
对齐内容：居中对齐；
字体系列：“蒙特塞拉特”，无衬线；
字号：600；
}
.图标{
宽度：100%；
身高：100%；
列表样式：无；
显示器：flex；
证明内容：中心；
对齐项目：居中；
文本对齐：居中；
}
.a.图标{
文字装饰：无；
颜色：rgb（180148158）；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
}
.图标：悬停{
不透明度：0.7；
}
.图标{
宽度：35px；
高度：自动；
}
/*信息-------------------------------------------------------------------------------------------*/
.头部信息{
背景色：rgba（134、128、128、0.035）；
宽度：70%；
边界半径：10px；
}
.info{
边缘顶部：100px；
宽度：100%；
高度：自动；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
字体系列：“Roboto”，无衬线；
文本对齐：居中；
}
.info p{
颜色：rgb（218214214）；
线高：25px；
利润率：5px150px；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：15px；
}
h1{
颜色：rgb（177164164）；
字体大小：300；
边缘底部：5px；
}
氢{
颜色：rgb（192184153）；
字体大小：400；
边缘底部：30px；
}
h3{
字体大小：20px；
颜色：深红色；
字号：500；
}
.btn{
利润率：80px0；
字体系列：“Roboto”，无衬线；
背景#f10e32；
边界：无；
宽度：136px；
高度：自动；
大纲：无；
溢出：隐藏；
字体大小：16px；
填充：10px；
颜色：rgb（198181181）；
边界半径：5px；
光标：指针；
滚动行为：平滑；
z指数：1；
边缘底部：300px；
}
.btn:悬停{
不透明度：0.7；
颜色：黑色；
过渡：0.3s缓解；
文字装饰：无；
}
/*计划---------------------------------------------------------------------------------------*/
.项目{
滚动行为：平滑；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
背景色：rgba（134、128、128、0.035）；
边界半径：10px；
}
.工程项目h4{
显示：无；
}
.1，
.2，
.三{
显示器：flex；
证明内容：中心；
对齐项目：居中；
利润率：10px；
滚动行为：平滑；
位置：相对位置；
}
.图像{
利润率：10px；
光标：指针；
宽度：320px；
高度：220px；
边界半径：4px；
}
h5{
位置：相对位置；
右：200px；
顶部：5px；
}
.图像容器{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
}
h5{
可见性：隐藏；
}
#首先,，
#第二,，
#第三,，
#第四,，
#第五,，
#六,，
#第七
{
位置：相对位置；
}
.覆盖{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
宽度：100%；
身高：100%；
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景色：rgba（22,22,22,0.705）；
不透明度：0；
过渡：0.3s；
光标：指针；
}
.p{
字体系列：“Roboto”，无衬线；
字体大小：23px；
字号：500；
颜色：#daced0；
}
.覆盖：悬停{
不透明度：1；
}
/*总结与技巧-------------------------------------------------------------*/
.关于{
背景色：rgba（134、128、128、0.035）；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
利润上限：200px；
边缘底部：30px；
字体系列：“蒙特塞拉特”，无衬线；
填充：70px；
边界半径：20px；
}
.大约h3{
字体大小：20px；
字号：500；
}
.关于p{
颜色：rgb（218214214）；
线高：25px；
利润率：5px150px；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：15px；
}
.技能{
显示器：flex；
证明内容：周围的空间；
对齐项目：居中；
弯曲方向：立柱；
边缘顶部：100px；
}
.技能{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
边缘顶部：50px；
}
.技能a{
文字装饰：无；
颜色：rgb（180148158）；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：c
.skill {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    flex-wrap: wrap; /*Add Here*/
}