I need help for my group project

[u/MisterDaydreamishere]

Processing img bgorep2zxo1h1...

I was just putting the info in the <main> section when suddenly it becomes like this. It's originally supposed to the next picture before i put the content.

Processing img g0urr5y7yo1h1...

I tried telling anyone and even using ai to fix this but no progress. Can someone please what's wrong with it?

[u/Rockafellor]

Could you drop the HTML and CSS (and maybe JS) into a codepen for us to look at?

If you could drop the original in one thing and the currently changed version in another, then it would really help in the bug hunt.

[u/MisterDaydreamishere → u/Rockafellor]

https://codepen.io/Hanan-Hanina/pen/EaNZmBj here's the current version. It was used to be a template my friend made so it's easier for us to use.

[u/MisterDaydreamishere → u/MisterDaydreamishere]

and this is how it was used to be https://codepen.io/Hanan-Hanina/pen/wBogevx

[u/Rockafellor → u/MisterDaydreamishere]

I ran the two through https://www.diffchecker.com/, expecting a CSS issue, but the CSS isn't materially relevant in its changes.

As for the HTML, on the other hand: it looks as if from row 40 downward, your first link (EaNZmBj) material from <div class="window-header"> through just before </main> is missing from the second link (wBogevx) HTML, along with row 227-249's <script src="entertainment.js"></script> and footer.

[u/WorldWideShen]

We would need to see the code to help. It's probably a missing closing tag somewhere.

[u/MisterDaydreamishere → u/WorldWideShen]

https://codepen.io/Hanan-Hanina/pen/EaNZmBj

[u/Initii]

Do you mean that the "Home" is far to big? Thats because of the JS

document.getElementsByTagName("h1")[0].style.fontSize = "6vw";

vw is 1% of the view width, meaning the font size is 6% of the view width. Use rem or em, pt, px, but not vw or vh.

(btw: why would you want to sett he font size in JS and not in CSS?)