I have made a website in bootstrap but struggling with a height issue, on two columns.
On the contact page there is two columns below the map. The left is an image and right is some text, would love it if someone could help me get it so they respond at the same height. So the left and right column resize the same way before snapping to full width.
<div class="container-fluid" style="padding: 0; background: #fff;">
<div class="col-xs-12 col-sm-12 col-md-6 con-img">
<img src="img/contact-us.jpg" width="100%"/>
<div class="col-xs-12 col-sm-12 col-md-6 con-blurb">
<div class="col-xs-10 col-xs-offset-1">
<p>We would like to just thank you for taking the time to visit our site, if you would like hear more about ReRaise feel free to give us a call or drop us an email. We would love to hear about any potential projects or queries you may have and will always aim to respond the same day.</p>
<p class="con-dets">0151 705 3414</br>
<a href="mailto:firstname.lastname@example.org?Subject=Hey%20ReRaise">Send us an Email</a></p>