Fundamentals HTML course Ignores best practice from 1 step before?


I was wondering something. I just read the article about MDN and how to search for things there and 1 thing that is shown in the article on Codecademy is the HTML best practices.
In the screenshots in the article you can see that one thing that seems important is to not use <h1 - 6> tags to style text, not use multiple h1 on a page and use them in order from h1 to h6 on a page.

In the next step you are asked to create a “blog” about fashion where step 10 asks you to add a h3 underneath an image.
This h3 tag is the first tag of it’s kind on the page, afterwards there is an h1 tag and multiple h2 tags.
Isn’t this counter intuitive?