I am trying to build a website which is built to just display text and links and while inputting text all of a sudden 2 of the blocks of text suddenly started acting as if there was a wall and auto generated another space below them. The link in the text also became unclickable, and the text cannot be highlighted, and will highlight another line. If I keep moving the cursor to the right the text will then rubberband and highlight all of the text above as well. One of the links can also only be clicked in a certain part. Here is the code and the website

https://supporting-souls.netlify.app

HTML

CSS

I tried resetting margins and using inline CSS but nothing seemed to fix it. I removed a block of text below it and suddenly the link started working. Currently the link that reads “How to start investing” is only clickable in some places and if I add the text below it becomes unclickable.