I am having trouble with the alignment of #get and #foreach

Themes
1

I am using the dawn theme and trying to set up archive posts within a page.

Here is the code that I have added in page-newsletter.hbs

{{!< default}}

<div class="content-area">

    <main class="site-main">

        {{#post}}

            {{> content width="wide"}}

        {{/post}}

        {{#is "post"}}

            {{> related}}

            {{> comment}}

        {{/is}}

        {{#get "posts" filter="tags:newsletter"}}

            {{#foreach posts}}

          <article class="archive-post">

            <time datetime="{{date published_at format="YYYY-MM-DD"}}"

              class="text-acc-3">{{date published_at format="MMM DD"}}

            </time>

            <h2 class="archive-post__title fw-500 m-0 text-acc-2">

              <a class="archive-post__link flex-1" href="{{url}}">{{title}}</a>

            </h2>

          </article>

            {{/foreach}}

        {{/get}}

    </main>

</div>

Here is the end result:

image
image1920×948 46.6 KB

Any suggestions would be very helpful.

PS: I am not a developer so…

2

Let me know if anyone can help?