Was ist falsch mit dem Flex? Gap geht nicht richtig.

.content {
    width: 100%;
    height: calc(100vh - 50px);
    overflow-y: scroll;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.content::-webkit-scrollbar {
    display: none;
}

article {
    background: rgba(18, 23, 30, 0.8);
    padding: 10px;
    flex: 1 1 calc(50% - 1rem);
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
    border: 2px solid rgb(0, 0, 93);
    border-radius: 10px;
    height: fit-content;
}

article.fullWidth {
    flex: 1 1 100%;
}

.content {
    width: 100%;
    height: calc(100vh - 50px);
    overflow-y: scroll;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.content::-webkit-scrollbar {
    display: none;
}

article {
    background: rgba(18, 23, 30, 0.8);
    padding: 10px;
    flex: 1 1 calc(50% - 1rem);
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
    border: 2px solid rgb(0, 0, 93);
    border-radius: 10px;
    height: fit-content;
}

article.fullWidth {
    flex: 1 1 100%;
}

<main>
        <div class="content">
            <article>
                <div class="article-header">
                    <img src="/images/Globby.gif" alt="">
                    <h2>Globby</h2>
                </div>
                <p>Globby is a fully customizable globalchat bot for your discord server</p>
                <div class="article-links">
                    <a href="" target="_blank">Invite
                        to server</a>
                    <a href="" target="_blank">Join the server</a>

                </div>

            </article>
            <article class="globbyInfoBox">
                <div class="article-header">
                    <img src="/images/Legion.png" alt="Legion Hosting">
                    <h2>Legion Hosting</h2>
                </div>
                <p>Check out our partner Legion-Hosting! Strong together since 2023.</p>
                <div class="article-links">
                    <a href="" target="_blank">Visit Legion Hosting</a>
                    <a href="" target="_blank">Join Black Legion</a>

                </div>

            </article>
            <article>
                <div class="article-header">
                    <h2>Dashboard Maintenance</h2>
                </div>
                <p>We are in the process of developing the GlobalChat Dashboard, which will allow you to configure and
                    manage your global chat settings for your Discord server.<br>
                    <br>
                    <strong>What’s Coming Soon:</strong><br>
                    - <strong>Custom Configuration Options:</strong> Tailor your global chat experience with advanced
                    settings.<br>
                    - <strong>User Management:</strong> Easily manage and customize the permissions for users in your
                    global
                    chat system.<br>
                    - <strong>Channel Configuration:</strong> Set up and manage the global chat channels across multiple
                    Discord
                    servers.<br>
                    - <strong>Monitoring & Analytics:</strong> Track global chat activity and view detailed statistics
                    to
                    optimize your setup.<br>
                    <br>
                    We’re working to ensure a seamless, intuitive configuration experience, and we’ll be ready to launch
                    shortly. Thank you for your patience as we complete the final touches!
                </p>
            </article>

        </div>
        <!-- <%- include('partials/footer') %> -->

    </main>

<main>
        <div class="content">
            <article>
                <div class="article-header">
                    <img src="/images/Globby.gif" alt="">
                    <h2>Globby</h2>
                </div>
                <p>Globby is a fully customizable globalchat bot for your discord server</p>
                <div class="article-links">
                    <a href="" target="_blank">Invite
                        to server</a>
                    <a href="" target="_blank">Join the server</a>

                </div>

            </article>
            <article class="globbyInfoBox">
                <div class="article-header">
                    <img src="/images/Legion.png" alt="Legion Hosting">
                    <h2>Legion Hosting</h2>
                </div>
                <p>Check out our partner Legion-Hosting! Strong together since 2023.</p>
                <div class="article-links">
                    <a href="" target="_blank">Visit Legion Hosting</a>
                    <a href="" target="_blank">Join Black Legion</a>

                </div>

            </article>
            <article>
                <div class="article-header">
                    <h2>Dashboard Maintenance</h2>
                </div>
                <p>We are in the process of developing the GlobalChat Dashboard, which will allow you to configure and
                    manage your global chat settings for your Discord server.<br>
                    <br>
                    <strong>What’s Coming Soon:</strong><br>
                    - <strong>Custom Configuration Options:</strong> Tailor your global chat experience with advanced
                    settings.<br>
                    - <strong>User Management:</strong> Easily manage and customize the permissions for users in your
                    global
                    chat system.<br>
                    - <strong>Channel Configuration:</strong> Set up and manage the global chat channels across multiple
                    Discord
                    servers.<br>
                    - <strong>Monitoring & Analytics:</strong> Track global chat activity and view detailed statistics
                    to
                    optimize your setup.<br>
                    <br>
                    We’re working to ensure a seamless, intuitive configuration experience, and we’ll be ready to launch
                    shortly. Thank you for your patience as we complete the final touches!
                </p>
            </article>

        </div>
        <!-- <%- include('partials/footer') %> -->

    </main>