index.php

<?php
defined('ABSPATH') || exit;

get_header();
?>

<main>
    <h1 class="text-primary mb-xxl text-3xl font-bold">Our Blog</h1>

    <div class="flex flex-wrap">
        <?php while(have_posts()): the_post(); ?>
            <div class="basis-4/12 p-md grow-0 shrink-0">
                <a href="<?php the_permalink() ?>" class="block" title="<?php the_title(); ?>">
                    <?php the_post_thumbnail([350]); ?>

                    <div class="flex mt-sm">
                        <p class="basis-1/2"><?= get_the_date(); ?></p>
                        <!-- <p class="basis-1/2 text-right"><?php // the_category(); ?></p> -->
                    </div>

                    <h2 class="text-2xl font-semibold my-sm"><?php the_title(); ?></h2>
                    <div><?php the_content(); ?></div>
                </a>
            </div>
        <?php endwhile; ?>
    </div>

    <div class="flex justify-center">
        <?= paginate_links([
            'format' => 'page/%#%',
            'prev_text' => __('« Previous'),
            'next_text' => __('Next »'),
        ]); ?>
    </div>
</main>

<?php
get_footer();