الكتابة تذهب بعيد عن الحد الخاص بها في المقال

السلام عليكم ورحمة الله وبركاته كيف حالكم اعمل على مراجعة كورس تطوير ووردبريس مع اسامة الزيرو وقد قطعت شوطا هاما بفضل الله لكن هناك مشكلة بسيطة هي ان المقال يخرج خارج المستطيل المراد له

الكود المستعمل في

index.php

<?php get_header();?>

<div class="container">

    <div class="row">

    <?php

    if(have_posts()){

        while(have_posts()){

            the_post();?>

<div class="main-post">

        <div class="col-md-6">

        <h3 class="post-title">

                    <a href="<?php the_permalink();?>">

                            <?php the_title();?>

                    </a>

                </h3>

            <span class="post-author"><i class="fa fa-user" aria-hidden="true"></i><?php the_author_posts_link(); ?></span>

            <span class="post-date"><i class="fa fa-calendar" aria-hidden="true"></i><?php the_time();?></span>

            <span class="category">

                <i class="fa fa-tags" aria-hidden="true"></i>

                <?php the_category(',');?>

            </span>

            <span class="post-comments">

                <i class="fa fa-comment" aria-hidden="true"></i>

            </span>

            <?php the_post_thumbnail('',['class'=>'img-responsive img-thumbnail'])?>

            <p class="post-content">

            <hr>

                <?php the_content();?>

            </p>

        </div>

        </div>

     <?php   }

    }

    ?>

    <p class="post-tags">

        <?php if(has_tag()){

            the_tags();

            }else{

            echo 'there is no tags';}

            if(get_previous_posts_link()){

                previous_posts_link('prev');

            }else{

                echo '<span class="previous-span">no prev page</span>';

            }

            if(get_next_posts_link()){

                next_posts_link('next');

            }else{

                echo '<span class="previous-span">no next page</span>';

            }

            ?>

    </p>

    </div>

</div>

<?php get_footer();?>

الصورة