Html 有人能帮我修理手风琴吗？

我是一名初级web开发人员，我在这个网站上工作，但我遇到了一个问题，我似乎无法自己解决。我制作了一个手风琴，但当我缩小网站时，标题文本似乎与下拉图标重叠。这里我附上了两张文本重叠的截图

我还附上了HTML和CSS的截图：

手风琴{ 宽度：90%； 最大宽度：1000px； 保证金：2rem自动； } .手风琴项目{ 背景色：白色； 颜色：黑色； 保证金：1rem 0； 边界半径：0.5雷姆； 盒影：0.2px 5px 0 rgba（0,0,0,0.25）； } .手风琴项目标题{ 填充：0.5雷姆； 最小高度：3.5雷姆； 线高：1.25雷姆； 字体大小：粗体； 显示器：flex； 对齐项目：居中； 位置：相对位置； 光标：指针； } .手风琴项目标题：：之后{ 内容：“\002B”； 字号：2rem； 位置：绝对位置； 右：1rem； } .accordion项目标题。活动：：之后{ 内容：“\2212”； } .手风琴项目主体{ 最大高度：0； 溢出：隐藏； 过渡段：最大高度0.2s放松； } .手风琴项目正文内容{ 填充：1rem； 线高：1.5雷姆； 边框顶部：2倍实心； 边框图像：线性渐变（向右，#ffea31，#20944b）1； }

回声海滩是什么？
回声海滩是你度过童年最好假期的地方：金色沙滩，
令人敬畏的拱廊，禅宗的宁静和友好的面孔。没有人很清楚人们为什么停下来
即将到来但很快回声海滩就成了过去日子的一部分。您已接听返回的电话
回声海滩再次与您的建筑技能返回它以前的荣耀。
回声海滩的目标是什么？
为了收获木材、开采矿石和学习技能，你可以重建Echo Beach镇，使其更具吸引力
居民返回。结交朋友，探索深度，揭开Terra博士丢失的秘密

在

手风琴项目标题

类中添加一个

右侧填充

。在下面的代码中，我添加了2.5rem作为右侧填充

手风琴{ 宽度：90%； 最大宽度：1000px； 保证金：2rem自动； } .手风琴项目{ 背景色：白色； 颜色：黑色； 保证金：1rem 0； 边界半径：0.5雷姆； 盒影：0.2px 5px 0 rgba（0,0,0,0.25）； } .手风琴项目标题{ 填充：0.5雷姆2.5雷姆0.5雷姆0.5雷姆； 最小高度：3.5雷姆； 线高：1.25雷姆； 字体大小：粗体； 显示器：flex； 对齐项目：居中； 位置：相对位置； 光标：指针； } .手风琴项目标题：：之后{ 内容：“\002B”； 字号：2rem； 位置：绝对位置； 右：1rem； } .accordion项目标题。活动：：之后{ 内容：“\2212”； } .手风琴项目主体{ 最大高度：0； 溢出：隐藏； 过渡段：最大高度0.2s放松； } .手风琴项目正文内容{ 填充：1rem； 线高：1.5雷姆； 边框顶部：2倍实心； 边框图像：线性渐变（向右，#ffea31，#20944b）1； }

回声海滩是什么？
回声海滩是你度过童年最好假期的地方：金色沙滩，
令人敬畏的拱廊，禅宗的宁静和友好的面孔。没有人很清楚人们为什么停下来
即将到来但很快回声海滩就成了过去日子的一部分。您已接听返回的电话
回声海滩再次与您的建筑技能返回它以前的荣耀。
回声海滩的目标是什么回声海滩的目标是什么回声海滩的目标是什么？
为了收获木材、开采矿石和学习技能，你可以重建Echo Beach镇，使其更具吸引力
居民返回。结交朋友，探索深度，揭开Terra博士丢失的秘密

手风琴{ 宽度：90%； 最大宽度：1000px； 保证金：2rem自动； } .手风琴项目{ 背景色：白色； 颜色：黑色； 保证金：1rem 0； 边界半径：0.5雷姆； 盒影：0.2px 5px 0 rgba（0,0,0,0.25）； } .手风琴项目标题{ 填充：0.5雷姆； 最小高度：3.5雷姆； 线高：1.25雷姆； 字体大小：粗体； 显示器：flex； 对齐项目：居中； 位置：相对位置； 光标：指针； } .手风琴项目标题：：之后{ 内容：“\002B”； 字号：2rem； 位置：绝对位置； 右：1rem； } .accordion项目标题。活动：：之后{ 内容：“\2212”； } .手风琴项目主体{ 最大高度：0； 溢出：隐藏； 过渡段：最大高度0.2s放松； } .手风琴项目正文内容{ 填充：1rem； 线高：1.5雷姆； 边框顶部：2倍实心； 边框图像：线性渐变（向右，#ffea31，#20944b）1； } .手风琴项目标题跨度{ 宽度：95%； }

回声海滩是什么？
回声海滩是你度过童年最好假期的地方：金色沙滩，
令人敬畏的拱廊，禅宗的宁静和友好的面孔。没有人很清楚人们为什么停下来
即将到来但很快回声海滩就成了过去日子的一部分。您已接听返回的电话