SCSS

by Vedankita Kumbhar

HTML

<section class="grid">
                 <div class="grid-col grid-col-12 grid-col-sm-4 grid-col-md-3">
                                <a href="#" class="c-book-tile">
                                    <div class="c-book-tile__body">
                                         Lorem ipsum
                                    </div>
                                </a>
                            </div>
                             <div class="grid-col grid-col-12 grid-col-sm-4 grid-col-md-3">
                                <a href="#" class="c-book-tile">
                                    <div class="c-book-tile__body">
                                         Lorem ipsum
                                    </div>
                                </a>
                            </div>
                             <div class="grid-col grid-col-12 grid-col-sm-4 grid-col-md-3">
                                <a href="#" class="c-book-tile">
                                    <div class="c-book-tile__body">
                                         Lorem ipsum
                                    </div>
                                </a>
                            </div>

                </section>

SCSS

.grid{
  text-align:center;
}

.grid-col{
  display:inline-block;
   padding:10px;
        background:#888;
        color:#fff;
}