Why .widget-area is outside of .site-content in Underscores starter theme?

The Underscores starter theme offers a specific HTML structure:

div.site
header#masthead.site-header

div#content.site-content
div#primary.content-area
main#main.site-main
/* Here goes either article or archive content */

aside#secondary.widget-area
section.widget /* Multiple widgets */

footer#colophon.site-footer

The aside#secondary.widget-area seems to be out of place. Looks like it should be inside of div#content.site-content, as a sibling of div#primary.content-area.

Is there a specific reason why Underscores theme HTML is structured this particular way?

Read more here:: Why .widget-area is outside of .site-content in Underscores starter theme?

Leave a Reply

Your email address will not be published. Required fields are marked *