K
kateboothbyMar 11, 2024
What am I doing wrong with this code? The cards are all different sizes and do not align. example link below. Code pasted and also screenshots attached.
<div class="content-wrap">
<div class="container clearfix">
<div class="row gutter-40 col-mb-80">
<div class="row">
<div class="col-md-6 col-lg-6">
<div class="card"> <img class="card-img-top w-auto h-auto" src="pics/intimate-wedding-dining/justine-wood-cream-tea.jpg" alt="Justine Wood Cream Tea">
<div class="card-body">
<h2 class="nott font-secondary font-weight-normal" style="font-size: 22px;">Justine Wood </h2>
Afternoon Tea, Private Dining and Grill Haus
<a href="https://www.justine-wood.co.uk/" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-acrobat"> <i class="icon-globe"></i> <i class="icon-globe"></i> </a> <a href="https://www.facebook.com/Justinewoodfood/" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-facebook"> <i class="icon-facebook"></i> <i class="icon-facebook"></i> </a> <a href="tel:07731718929" class="social-icon inline-block si-small si-light si-rounded si-gplus"> <i class="icon-phone"></i> <i class="icon-phone"></i> </a> <a href="mailto:hi@justine-wood.co.uk" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-email3"> <i class="icon-email3"></i> <i class="icon-email3"></i> </a> </div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="card"> <img class="card-img-top w-auto h-auto" src="pics/intimate-wedding-suppliers/old-farmhouse-kitchen.jpg" alt="The Old FarmHouse Kitchen">
<div class="card-body">
<h2 class="nott font-secondary font-weight-normal" style="font-size: 22px;">Farmhouse Kitchen</h2>
Afternoon Tea
<a href="https://theoldfarmhousekit.wixsite.com/mysite" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-acrobat"> <i class="icon-globe"></i> <i class="icon-globe"></i> </a> <a href="https://www.facebook.com/TheOldFarmhouseKitchen/" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-facebook"> <i class="icon-facebook"></i> <i class="icon-facebook"></i> </a> <a href="tel:01805623446" class="social-icon inline-block si-small si-light si-rounded si-gplus"> <i class="icon-phone"></i> <i class="icon-phone"></i> </a> <a href="mailto:theoldfarmhousekitchen@gmail.com" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-email3"> <i class="icon-email3"></i> <i class="icon-email3"></i> </a> </div>
</div>
</div>
</div></div>
</div></div>
<!--Catering -->
<div class="content-wrap">
<div class="container clearfix">
<div class="row gutter-40 col-mb-80">
<div class="row">
<div class="col-md-6 col-lg-6">
<div class="card"> <img class="card-img-top w-auto h-auto" src="pics/intimate-wedding-suppliers/frisky-pheasant.jpg" alt="Frisky Pheasant">
<div class="card-body">
<h2 class="nott font-secondary font-weight-normal" style="font-size: 22px;">Frisky Pheasant </h2>
Pizza, Grazing Boards and Grill Haus
<a href="https://www.friskypheasant.co.uk" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-acrobat"> <i class="icon-globe"></i> <i class="icon-globe"></i> </a> <a href="https://www.facebook.com/friskypheasant/" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-facebook"> <i class="icon-facebook"></i> <i class="icon-facebook"></i> </a> <a href="https://www.instagram.com/friskypheasant" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-instagram"> <i class="icon-instagram"></i> <i class="icon-instagram"></i> </a> <a href="tel:07788259652" class="social-icon inline-block si-small si-light si-rounded si-gplus"> <i class="icon-phone"></i> <i class="icon-phone"></i> </a> <a href="mailto:Info@friskypheasant.co.uk" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-email3"> <i class="icon-email3"></i> <i class="icon-email3"></i> </a> </div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="card"> <img class="card-img-top w-auto h-auto" src="pics/intimate-wedding-suppliers/graze-me-up.jpg" alt="Graze Me Up">
<div class="card-body">
<h2 class="nott font-secondary font-weight-normal" style="font-size: 22px;">Graze and S'more </h2>
Grazing Boards
<a href="https://www.grazeandsmore.co.uk " target="_blank" class="social-icon inline-block si-small si-light si-rounded si-acrobat"> <i class="icon-globe"></i> <i class="icon-globe"></i> </a> <a href="https://www.facebook.com/Grazeandsmore/" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-facebook"> <i class="icon-facebook"></i> <i class="icon-facebook"></i> </a> <a href="https://www.instagram.com/graze_and_smore/" target="_blank" class="social-icon inline-block si-small si-light si-rounded si-instagram"> <i class="icon-instagram"></i> <i class="icon-instagram"></i> </a> <a href="tel:07776177001" class="social-icon inline-block si-small si-light si-rounded si-gplus"> <i class="icon-phone"></i> <i class="icon-phone"></i> </a> <a href="mailto:Grazeandsmore@gmail.com " target="_blank" class="social-icon inline-block si-small si-light si-rounded si-email3"> <i class="icon-email3"></i> <i class="icon-email3"></i> </a> </div>
</div>
</div>
<div class="divider divider-right"><i class="icon-heart"></i></div>
</div></div></div></div>