طراحی وب - بوتسترپ

باید از دیسپلی ها استفاده کنی
row یه دیسپلی فلکسه که flex-directionاون row هست
میتونی از justify-content-center استفاده کنی یا align-items-center

فکر کنم با gap بشه فونت هم براش بذار مثل وزیر و برای عکس ها هم border-radius بده

سلام خوبی...
کد زیر:

<main class="container">
        <div class="row">
            <div class="col-md-4">
                <article class="card rounded-3">
                    <div class="card-body">
                        <h6>تست</h6>
                    </div>
                </article>
            </div>
            <div class="col-md-4">
                <article class="card rounded-3">
                    <div class="card-body">
                        <h6>تست</h6>
                    </div>
                </article>
            </div>
            <div class="col-md-4">
                <article class="card rounded-3">
                    <div class="card-body">
                        <h6>تست</h6>
                    </div>
                </article>
            </div>
        </div>
    </main>