تداخل تگ a

درود دوستان...
چندین پوسته وردپرس طراحی و کد نویسی کردم که چنین مشکلی نداشتم ولی جدیدا تگ a تداخل ایجاد می کنه ...
راه حل آن چیست؟
عکس:

کد زیر:

<section class="col-12 col-md-8">
                <?php
                    if(have_posts()){
                        while(have_posts()){
                            the_post();
                ?>
                    <article class="card mb-3">
                    <a href="https://roocket.ir/<?php the_permalink() ?>">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12 col-md-3">
                                    <figure>
                                        <?php the_post_thumbnail( 'full', ['class' => 'img-fluid'] )?>
                                    </figure>
                                </div>
                                <div class="col-12 col-md-9">
                                    <h1 class="fs-4 mb-2"><?php the_title() ?></h1>
                                    <p><?php the_excerpt() ?></p>
                                    <i class="far fa-comment ms-2"></i> <?php echo get_comments_number(); ?>
                                    <?php echo get_simple_likes_button(get_the_ID()); ?>
                                </div>
                            </div>
                        </div>
                        </a>
                    </article>
                <?php   }
                    }
                ?>
</section>