From fbf99339d2231c44256e9adf9c01a58d55087f17 Mon Sep 17 00:00:00 2001
From: Maggie <maggie.cabrera@automattic.com>
Date: Fri, 20 Sep 2024 09:42:40 +0100
Subject: [PATCH] Add a main tag wrapper around the query loop (#726)

---
 assets/boilerplate/templates/index.html | 64 +++++++++++++------------
 1 file changed, 34 insertions(+), 30 deletions(-)

diff --git a/assets/boilerplate/templates/index.html b/assets/boilerplate/templates/index.html
index 8bda743f..b9664f53 100644
--- a/assets/boilerplate/templates/index.html
+++ b/assets/boilerplate/templates/index.html
@@ -1,39 +1,43 @@
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
-<!-- wp:query {"tagName":"main","layout":{"inherit":true}} -->
-<main class="wp-block-query">
-	<!-- wp:post-template -->
-	<!-- wp:group -->
-	<div class="wp-block-group">
-		<!-- wp:post-title {"isLink":true} /-->
-		<!-- wp:post-featured-image {"isLink":true} /-->
-		<!-- wp:post-content /-->
-		<!-- wp:group {"layout":{"type":"flex"}, "style":{"typography":{"fontSize":"14px"}}} -->
-		<div class="wp-block-group" style="font-size:14px">
-			<!-- wp:post-author {"showAvatar":false,"showBio":false} /-->
-			<!-- wp:post-date {"isLink":true} /-->
-			<!-- wp:post-terms {"term":"category"} /-->
-			<!-- wp:post-terms {"term": "post_tag"} /-->
+<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
+<main class="wp-block-group">
+	<!-- wp:query {"layout":{"inherit":true}} -->
+	<div class="wp-block-query">
+		<!-- wp:post-template -->
+		<!-- wp:group -->
+		<div class="wp-block-group">
+			<!-- wp:post-title {"isLink":true} /-->
+			<!-- wp:post-featured-image {"isLink":true} /-->
+			<!-- wp:post-content /-->
+			<!-- wp:group {"layout":{"type":"flex"}, "style":{"typography":{"fontSize":"14px"}}} -->
+			<div class="wp-block-group" style="font-size:14px">
+				<!-- wp:post-author {"showAvatar":false,"showBio":false} /-->
+				<!-- wp:post-date {"isLink":true} /-->
+				<!-- wp:post-terms {"term":"category"} /-->
+				<!-- wp:post-terms {"term": "post_tag"} /-->
+			</div>
+			<!-- /wp:group -->
+			<!-- wp:spacer {"height":40} -->
+			<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+			<!-- /wp:spacer -->
 		</div>
 		<!-- /wp:group -->
-		<!-- wp:spacer {"height":40} -->
-		<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-		<!-- /wp:spacer -->
-	</div>
-	<!-- /wp:group -->
-	<!-- /wp:post-template -->
-	<!-- wp:group {"layout":{"inherit":true}} -->
-		<div class="wp-block-group">
-		<!-- wp:query-pagination -->
-			<!-- wp:query-pagination-previous /-->
+		<!-- /wp:post-template -->
+		<!-- wp:group {"layout":{"inherit":true}} -->
+			<div class="wp-block-group">
+			<!-- wp:query-pagination -->
+				<!-- wp:query-pagination-previous /-->
 
-			<!-- wp:query-pagination-numbers /-->
+				<!-- wp:query-pagination-numbers /-->
 
-			<!-- wp:query-pagination-next /-->
-		<!-- /wp:query-pagination -->
+				<!-- wp:query-pagination-next /-->
+			<!-- /wp:query-pagination -->
+			</div>
+			<!-- /wp:group -->
 		</div>
-		<!-- /wp:group -->
-	</main>
-<!-- /wp:query -->
+	<!-- /wp:query -->
+</main>
+<!-- /wp:group -->
 
 <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->