autonomic-block-theme/templates/blog.html

<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
  <div class="wp-block-group" style="padding-top: 96px">
    <!-- wp:columns -->
      <div class="wp-block-columns">
        <!-- wp:column {"width":"15%"} -->
          <div class="wp-block-column" style="flex-basis: 15%">
            <!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /-->
          </div>
        <!-- /wp:column -->

        <!-- wp:column {"width":"50%"} -->
          <div class="wp-block-column" style="flex-basis: 50%">
            <!-- wp:post-title {"level":1,"textColor":"secondary"} /-->

            <!-- wp:query {"queryId":40,"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[],"taxQuery":{"category":[21]}}} -->
              <div class="wp-block-query">
                <!-- wp:post-template {"layout":{"type":"default"}} -->
                  <!-- wp:post-title {"isLink":true,"style":{"typography":{"textDecoration":"none"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"className":"is-style-markdown-heading"} /-->

                  <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"border":{"width":"1px"}},"borderColor":"primary"} /-->

                  <!-- wp:post-excerpt {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70"}}}} /-->
                <!-- /wp:post-template -->

                <!-- wp:query-pagination {"paginationArrow":"arrow","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"layout":{"type":"flex","justifyContent":"center"}} -->
                  <!-- wp:query-pagination-previous /-->

                  <!-- wp:query-pagination-numbers /-->

                  <!-- wp:query-pagination-next /-->
                <!-- /wp:query-pagination -->
              </div>
            <!-- /wp:query -->
          </div>
        <!-- /wp:column -->

        <!-- wp:column {"width":"35%"} -->
          <div class="wp-block-column" style="flex-basis: 35%"></div>
        <!-- /wp:column -->
      </div>
    <!-- /wp:columns -->
  </div>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->