What is section
A section is like a container with extra spacing above and below it.
<section class="section"> <p>This section has extra space at the top and bottom.</p> </section>
<section class="section-small"> <p>This section has extra space at the top and bottom.</p> </section>
<section class="section-large"> <p>This section has extra space at the top and bottom.</p> </section>
<section class="section-large-x"> <p>This section has extra space at the top and bottom.</p> </section>
<section class="section-large-xx"> <p>This section has extra space at the top and bottom.</p> </section>