How to Make columns equal height

Posted on: April 11th, 2024
By: Tadeo Martinez

Adding the d-flex and align-items-stretch to the column classes will make the inner columns the same height.

<div class="row justify-content-center" style="" id="">
  <div class="col-md-6 d-flex align-items-stretch">
    <div class="bg-white" style="box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);padding:20px;">
      <h3>Electrical and Electronics Engineering</h3>
      <p style="margin-bottom:0px">I investigate electrical and electronic components, equipment, systems, &amp; devices to support litigation related to design, use, defects, malfunctions, modifications, and equipment breakdown for civil and criminal matters.</p>
    </div>
  </div>
  <div class="col-md-6 d-flex align-items-stretch">
    <div class="bg-white" style="box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);padding:20px;">
      <h3>Wireless and Telecommunications Engineering</h3>
      <p style="margin-bottom:0px">Over 25 years of experience in research, design, analysis, &amp; measurement of cellular, GPS, 3G–5G, LTE, public safety comm systems, satellite, Internet, wireless, RF, Wi-Fi, radar, networks, data communications, communications protocols and standards, instrumentation, and control systems.</p>
    </div>
  </div>
</div>

Have any questions or comments? Write them below!


Leave a Reply

Your email address will not be published. Required fields are marked *