Javascript 调整浏览器大小时内容重叠

我是一个非常新的编码和字面上不知道如何解决这个问题，并将非常感谢一些帮助

我正在创建一个虚拟简历；当浏览器调整大小时，有一些内容会不断重叠，我尝试的任何东西都不会阻止它

我希望随着broswer的大小调整内容的大小；如果可能的话。但我不希望内容重叠

到目前为止，我的工作是在codepen上进行的；这是链接

这是我的工作

乔丹·马修斯

标题似乎与下面的文字重叠；但我希望它保持在上面，而不是重叠；就像当浏览器是全尺寸的

请帮忙

*****编辑****

我也非常希望能找到最简单的方法来调整我所有的内容，因为我似乎不知道怎么做

但最大的问题是重叠

如果需要，我可以添加屏幕截图，但CodePen上指向我笔的链接已插入

---

请帮忙。谢谢。

尝试从元素中删除绝对定位，有很多方法可以精确定位元素，而无需使用绝对定位

可以使用文本对齐或填充和边距来更改文本位置

---

从CSS代码中删除所有出现的position:absolute。

如果您希望内容随浏览器缩放，请不要对所有类似的内容使用绝对定位。只需编写随DOM流动的HTML和CSS。不幸的是，这需要对CSS有一个良好的理解。如果你只是对制作简历感兴趣，而没有学习CSS是如何工作的，那么你可能会去看一个CSS框架，比如Bootstrap或者其他的，甚至可以在网上找到一个预先制作好的模板。这是一个很好的资源，你需要学习更多关于如何使用CSS的知识，并做更多的研究。你应该在用尽所有其他资源后才在这个网站上提问，而不是在你被困在一个初学者问题上时。我已经做了研究，但找不到任何真正有效的方法。。我也看到过其他一些帖子提出了一些建议，但一旦我在我的代码上尝试了这些，它似乎就不起作用了我所做的一切似乎都无法阻止“乔丹·马修斯”这个标题与下面的文字重叠，这真的让我烦透了。谢谢现在我只需要垂直放置我的文本，这样我就可以完成这一页并进入睡眠状态，欢迎您！如果需要，尝试使用文本对齐、边距或填充。