0

I did get what I expected but the thing is that I don't quite understand that part which says mb-sm-0

<div class="row">
  <div class="col-lg-4 mb-3 mb-sm-0">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">Special title treatment</h5>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
        <a href="#" class="btn btn-primary">Go somewhere</a>
      </div>
    </div>
  </div>
Ahmed Aishan
  • 1
  • 1
  • 2
    Format is `{property}{sides}-{breakpoint}-{size}` so you get: `mb` -> margin bottom | `sm` -> small | `0` -> sets value to zero // see https://getbootstrap.com/docs/5.0/utilities/spacing/ – blurfus Jan 05 '23 at 02:43
  • 1
    md is for **margin-bottom**. `sm` is for responsive utlity class (you have xs, md, lg, xl depending upon screen size). `0` is zero. – itachi Jan 05 '23 at 02:44

0 Answers0