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

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">


            {{> content width="wide"}}


        {{#is "post"}}

            {{> related}}

            {{> comment}}


        {{#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"}}


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

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







Here is the end result:

Any suggestions would be very helpful.

PS: I am not a developer so…

Let me know if anyone can help?