The issue with your code is that the section element is not properly nested within the main element and its opening and closing tags are not correctly matched.
In HTML, elements should always be properly nested within each other. This means that the opening tag of an element should always be followed by the closing tag of that same element, and any elements contained within should also be properly nested within those tags.
In your code, the opening tag of the section element is correctly placed within the main element, but the closing tag of the section element is not correctly nested within the main element. This can cause problems with how the web page is rendered, as the browser won’t know where the section element ends.
To fix this, you need to make sure the closing tag of the section element is properly nested within the main element, something like this:
<main>
<section>
<!-- content of section element-->
</section>
</main>