<!-- Grid row -->

<div class="row">

​

  <!-- Grid column -->

  <div class="col-md-6 mb-4">

​

    <!-- Exaple 1 -->

    <div class="card example-1 scrollbar-primary">

      <div class="card-body">

        <h4 id="section1"><strong>First title of the news</strong></h4>

        <p>Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out

          qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan

          mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim

          qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic.

          Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.</p>

        <p>Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out

          qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan

          mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim

          qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic.

          Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.</p>

      </div>

    </div>

    <!-- Exaple 1 -->

​

  </div>

  <!-- Grid column -->

​

​

​

</div>

<!-- Grid row -->

​

​

.scrollbar-primary::-webkit-scrollbar-thumb {

border-radius: 10px;

-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

background-color: #4285F4; }

​

.scrollbar-primary::-webkit-scrollbar {

width: 12px;

background-color: #F5F5F5; }

​

​

​

​

​

​

​

​

​

​

​

.example-1 {

position: relative;

overflow-y: scroll;

height: 200px; }

​