Side by Side Comparison

If you scale your screen down, you'll see the image in the first example will swap places with the text so that the flow stays consistent on mobile.

Image Text. Image Text, but still allows for design flexibility on desktop and tablet.

You can easily accomplish this by using flex order with different screen sizes, such as the below example.

Photo of a laptop showcasing the Learning Center website

Lennox Learning Solutions

Our Lennox Learning Solutions has training courses designed for the novice or pro. Find essential HVAC training courses and education to help you or your team increase working knowledge and better proficiency on the job.

Start Learning

Photo of a laptop showcasing the Learning Center website

Lennox Learning Solutions

Our Lennox Learning Solutions has training courses designed for the novice or pro. Find essential HVAC training courses and education to help you or your team increase working knowledge and better proficiency on the job.

Start Learning

<div class="row align-items-center pb-5 border-bottom mb-5">
  <div class="col-lg-6 order-lg-last">
    <img src="https://images.lennoxpros.com/is/image/LennoxIntl/2005-why-lennoxpros_page-lls-image?scl=1&fmt=png-alpha" alt="Photo of a laptop showcasing the Learning Center website" class="img-fluid">
  </div><!-- end col -->

  <div class="col-lg-6 order-lg-first">
    <h2>Lennox Learning Solutions</h2>
    <p>Our Lennox Learning Solutions has training courses designed for the novice or pro. Find essential HVAC training courses and education to help you or your team increase working knowledge and better proficiency on the job.</p>
    <p class="text-center"><a class="btn btn-primary" href="#">Start Learning</a></p>
  </div><!-- end col -->
</div><!-- end row -->

<div class="row align-items-center">
  <div class="col-lg-6">
    <img src="https://images.lennoxpros.com/is/image/LennoxIntl/2005-why-lennoxpros_page-lls-image?scl=1&fmt=png-alpha" alt="Photo of a laptop showcasing the Learning Center website" class="img-fluid">
  </div><!-- end col -->

  <div class="col-lg-6">
    <h2>Lennox Learning Solutions</h2>
    <p>Our Lennox Learning Solutions has training courses designed for the novice or pro. Find essential HVAC training courses and education to help you or your team increase working knowledge and better proficiency on the job.</p>
    <p class="text-center"><a class="btn btn-primary" href="#">Start Learning</a></p>
  </div><!-- end col -->
</div><!-- end row -->