Hello,
I can’t understand <header> tags. For some reason when I create 2nd, 3rd… <header> tag, it appears at the top of the page. What I want is, that the tags would continuosly go to the bottom of the text what I already created.
For example, I have bunch of paragraphs with 1 header at top, and then I want to create another <header> tag for another section. But it appears at the top of the page, not down the text.
Here is my whole code: https://codepen.io/patri22k/pen/XWzjVBd?editors=1100
I would be thankful for any help.
It’s not the <header> where the problem is.
All of your <section>s have class='main-class'
You styled .main-class in your CSS as follows
position: absolute;
top: 0px;
So all the <section>s jump to the top of the page and stack on top of each other.
Hope this helps.
Cheers.
Oh wow, what a stupid mistake lol! Thanks a lot, now it works :d
There’s no such thing as a stupid mistake if you’re learning from your mistakes! Keep up the good work. 
Hi @Patri22k, I noticed you were using <header> tags like a <h1-h6> tags. Keep in mind that an HTML <header> is a container for content or a set of navigational links. It contains <h1> - <h6> and sometimes logo or icon and also can contain author info. It’s important to note this for SEO. So it would be:
<article>
<header>
<h1>Why freeCodeCamp Is Awesome</h1>
<p>Posted by Hal_Jordan</p>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
<footer>
<p> © Copyright 2022, Sector 2814 </p>
</footer>
// Hope this might help.
Thanks for checking my code. I’m going to fix this rn!