I was going through the Product Landing Page example provided by freeCodeCamp, and I don´t really get something that happens in html the code quite at the start:
This occurs just after closing the header. What´s the purpose of this line? Why is it empty? In CSS we see:
I never noticed that before.
Because it is empty it does nothing but if you scroll down past the section that follows you’ll see there is a div with class="container" and it is used to contain the remaining three sections and the footer.
The sample projects were written by humans and it looks like a small, albeit harmless, piece of code was injected unintentionally.
If you like to see what the .container contains add the following line to the .container selector in CSS; border: solid 1px red;