My father’s website has these columns that are very long when looking at mobile and desktop. We’re updating the file templates for the static front page, the categories page, and the brands page and they all have columns with excess spacing. We want to make them of equal height which would be 5px high and mobile responsive to the dimensions.

Static front page column code:

<div class="row">

								<div class="col-xs-12 col-sm-6 col-md-3">
					<div class="content-block">
						<div class="image-wrapper">
                        <img src="http://www.tti-fl.com/wp-content/uploads/2015/06/WelderImage-TTI.jpg" alt="">
                        </div>
							<h2 class="text-align-center">Service Solutions</h2>
							<p>Boiler Repair, Maintenance, Installation and Inspections.</p>
						<a class="red-btn" href="http://www.tti-fl.com/service-solutions/">SEE BOILER SERVICES</a>
					</div>
				</div>
							<div class="col-xs-12 col-sm-6 col-md-3">
					<div class="content-block">
						<div class="image-wrapper">
                        <img src="http://www.tti-fl.com/wp-content/uploads/2015/06/CB-Boilers-at-Sarasota-Memorial.jpg" alt="">
                        </div>
							<h2 class="text-align-center">System Solutions</h2>
							<p>Boiler Products from the Leading Boiler Manufacturers Including Cleaver-Brooks, Spirotherm, RBI, and Sussman.</p>
						<a class="red-btn" href="http://www.tti-fl.com/system-solutions/">SEE BOILER SYSTEMS</a>
					</div>
				</div>
							<div class="col-xs-12 col-sm-6 col-md-3">
					<div class="content-block">
						<div class="image-wrapper">
                        <img src="http://www.tti-fl.com/wp-content/uploads/2015/06/TTI-UpdatedImage01.jpg" alt="">
                        </div>
							<h2 class="text-align-center">Previous Work</h2>
							<p>See Project Summaries and Highlights of Our Previous Work</p>
						<a class="red-btn" href="http://www.tti-fl.com/previous-work/">SEE PREVIOUS WORK</a>
					</div>
				</div>
							<div class="col-xs-12 col-sm-6 col-md-3">
					<div class="content-block">
						<div class="image-wrapper">
                        <img src="http://www.tti-fl.com/wp-content/uploads/2015/07/Spirotherm-3-e1440186759877.jpg" alt="">
                        </div>
							<h2 class="text-align-center">Testimonials</h2>
							<p>Letters From Our Loyal Customers</p>
						<a class="red-btn" href="http://www.tti-fl.com/testimonials/">SEE TESTIMONIALS</a>
					</div>
				</div>
			
		</div>

Categories and Brands page columns are the same:

<div class="row">

								<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
					<div class="content-block">
						<div class="image-wrapper">
							<a class="text-align-center" href="http://www.tti-fl.com/service-solutions/service-repair/">
							<img src="http://www.tti-fl.com/wp-content/uploads/2015/07/Sea-World-2-Boiler-9a-small.jpg">
                            </a>
                            </div>
							<h2 class="text-align-center">Service &amp; Repair</h2>
							<p></p><p>Commissioning, Troubleshooting, Repair, Certified Welding, Operator Training, and Installation</p>
<p></p>
                            <a class="red-btn text-align-center" href="http://www.tti-fl.com/service-solutions/service-repair/">See Service &amp; Repair</a>
					</div>
				</div>
							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
					<div class="content-block">
						<div class="image-wrapper">
							<a class="text-align-center" href="http://www.tti-fl.com/service-solutions/preventative-maintenance/">
							<img src="http://www.tti-fl.com/wp-content/uploads/2015/08/service-guys-at-Fl-Hosp.jpg">
                            </a>
                            </div>
							<h2 class="text-align-center">Preventative Maintenance</h2>
							<p></p><p>Worry-free, regularly scheduled service and inspections</p>
<p></p>
                            <a class="red-btn text-align-center" href="http://www.tti-fl.com/service-solutions/preventative-maintenance/">See Preventative Maintenance</a>
					</div>
				</div>
							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
					<div class="content-block">
						<div class="image-wrapper">
							<a class="text-align-center" href="http://www.tti-fl.com/service-solutions/equipment-parts/">
							<img src="http://www.tti-fl.com/wp-content/uploads/2015/07/1633_SpecialtyTubes_275x250.jpg">
                            </a>
                            </div>
							<h2 class="text-align-center">Equipment Parts</h2>
							<p></p><p>OEM Spare, Replacement, or Specialty Parts</p>
<p></p>
                            <a class="red-btn text-align-center" href="http://www.tti-fl.com/service-solutions/equipment-parts/">See Equipment Parts</a>
					</div>
				</div>
							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
					<div class="content-block">
						<div class="image-wrapper">
							<a class="text-align-center" href="http://www.tti-fl.com/service-solutions/aftermarket-support/">
							<img src="http://www.tti-fl.com/wp-content/uploads/2015/09/TTI-UpdatedImage06.jpg">
                            </a>
                            </div>
							<h2 class="text-align-center">Aftermarket Support</h2>
							<p></p><p>Improve the operation and efficiency of your boiler system</p>
<p></p>
                            <a class="red-btn text-align-center" href="http://www.tti-fl.com/service-solutions/aftermarket-support/">See Aftermarket Support</a>
					</div>
				</div>
							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
					<div class="content-block">
						<div class="image-wrapper">
							<a class="text-align-center" href="http://www.tti-fl.com/service-solutions/boiler-rentals/">
							<img src="http://www.tti-fl.com/wp-content/uploads/2015/09/TTI-UpdatedImage07.jpg">
                            </a>
                            </div>
							<h2 class="text-align-center">Boiler Rentals</h2>
							<p></p><p>Trailer-mounted steam boilers for rental at times of temporary need or emergency shut-downs</p>
<p></p>
                            <a class="red-btn text-align-center" href="http://www.tti-fl.com/service-solutions/boiler-rentals/">See Boiler Rentals</a>
					</div>
				</div>
			            
           

		</div>

Read more here: Regain mobile responsiveness and make columns equal heights


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: