title: align-items-center not working bootstrap 5
body: <p>I'm trying to vertically center a <code>div</code> or <code>img</code> element within another div element. However when I put <code>align-items-center&quot;&gt;</code>, nothing happens. I've tried changing the display properties of both elements, and nothing seems to work.</p>
  <pre><code>&lt;div class=&quot;d-flex border p-3&quot;&gt;
      &lt;img src=&quot;{{ asset('storage/'.$other-&gt;logo) }}&quot; alt=&quot;{{ $other-&gt;title }}&quot;
           class=&quot;flex-shrink-0 me-3 mt-3 rounded-circle&quot; style=&quot;width:60px;height:60px;&quot;&gt;
      &lt;div class=&quot;align-items-center&quot;&gt;
          &lt;h6&gt;&lt;a class=&quot;text-decoration-none text-primary&quot; href=&quot;{{ $other-&gt;path() }}&quot;&gt;{{ $other-&gt;title }}&lt;/a&gt;&lt;/h6&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>