The element placed at the end of the HTML document appears in the middle. When I tried to link my code to the forum, I copied my exact code to the codepen and noticed it worked just fine there. Would appreciate your help. Here is my code: https://codepen.io/carrotflower/pen/QWVzGqY
And here is what it looks like when I use the freecodecamp editor
It is the height: 100% on #description that is causing it.
Not exactly sure what is causing the difference, but it is likely the containing wrappers (iframe, etc.). The way height: 100% gets its value is through the parent elements. You usually do not want to set a height like that and in this case, it shouldn’t be needed either.