How can I split off the section in HTML?

1

Hi guys,
I was making a personal portfolio and suddenly it got messed up…

I attach the Codepen link

As you can see, the letters are strangely combined in the middle which makes me frustrated.

I’ve been trying to figure it out with no success, if you could kindly find it I really appreciate that. Thank you so much.

2

Hello Mongsta.

This issue comes from a few lines of code like this:

</div</a> <div class="project-container-for-text">

You have unclosed tags floating about.

In your CSS, the culprit is:

.project-tile {
  display: flex;
}

Also, you have typos: animation-fill-mode: forwads;

This is one of the many reasons I do not do any editing inside the codepen editor. I suggest you edit your code in something like Visual Studio Code. If you want to be able to see your changes live, then there are packages for that (I use live-server). It is as easy as typing in the cmd:

> npm install live-server

Let that finish

> live-server .

It will automatically open a local network and your browser on your current workspace.

I hope this helps.

3

Now it seems alright. you helped me a lot… Thank you so so much :wink: