Responsive grid

Responsive grid

empowering Slovenia

Tue Oct 25 2022 21:04:13 GMT+0200 (Central European Summer Time)

Security withdrawal New

Tue Oct 25 2022 01:04:01 GMT+0200 (Central European Summer Time)

Steel emulation

Tue Oct 25 2022 12:39:24 GMT+0200 (Central European Summer Time)

Djibouti

Tue Oct 25 2022 21:09:19 GMT+0200 (Central European Summer Time)

Savings

Tue Oct 25 2022 16:04:23 GMT+0200 (Central European Summer Time)

feed Rustic white

Tue Oct 25 2022 07:02:55 GMT+0200 (Central European Summer Time)

hub Brazilian contingency

Tue Oct 25 2022 17:38:59 GMT+0200 (Central European Summer Time)

Extensions calculate California

Tue Oct 25 2022 10:41:56 GMT+0200 (Central European Summer Time)

cross-platform users

Tue Oct 25 2022 18:24:30 GMT+0200 (Central European Summer Time)

bypass Fish copying

Tue Oct 25 2022 16:43:57 GMT+0200 (Central European Summer Time)

Liaison

Tue Oct 25 2022 07:32:01 GMT+0200 (Central European Summer Time)

Extended Moroccan

Tue Oct 25 2022 03:25:48 GMT+0200 (Central European Summer Time)

<style>
    .repeat {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 1rem;
    }
</style>

<div class="container py-3">
    <h3 class="display-3">Responsive grid</h3>
    <div class="repeat">
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>empowering Slovenia</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 21:04:13 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about empowering Slovenia">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>Security withdrawal New</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 01:04:01 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about Security withdrawal New">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>Steel emulation</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 12:39:24 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about Steel emulation">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>Djibouti</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 21:09:19 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about Djibouti">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>Savings</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 16:04:23 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about Savings">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>feed Rustic white</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 07:02:55 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about feed Rustic white">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>hub Brazilian contingency</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 17:38:59 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about hub Brazilian contingency">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>Extensions calculate California</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 10:41:56 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about Extensions calculate California">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>cross-platform users</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 18:24:30 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about cross-platform users">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>bypass Fish copying</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 16:43:57 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about bypass Fish copying">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>Liaison</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 07:32:01 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about Liaison">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        
            <div class="card">
                <a href="#">
                    <img src="https://source.unsplash.com/random/720x405" alt="" class="card-img">
                </a>
                <div class="card-body">
                    <a href="#">
                        <h4>Extended Moroccan</h4>
                    </a>
                    <p class="text-muted">
                        <small>Tue Oct 25 2022 03:25:48 GMT+0200 (Central European Summer Time)</small>
                    </p>
                </div>
                <div class="card-footer text-right">
                    <a href="#" class="btn btn-outline-primary" aria-label="Read more about Extended Moroccan">
                        Read more
                        <i class="fa fa-fw fa-angle-double-right"></i>
                    </a>
                </div>
            </div>
        </div>
</div>