I am currently working on a web page that has two columns - one for images and one for text. I want the text column to fill in the empty space beside the image. Can someone assist me with this? Thank you.
Existing Page:
https://i.sstatic.net/qTBPH.png
Desired Layout:
https://i.sstatic.net/B7Dn3.png
code:
<div class="container" id="fadein2">
<br>
<br>
<div class="row">
<?php
$select_stmt=$db->prepare("SELECT * FROM bairro ORDER BY id DESC;"); //sql select query
$select_stmt->execute();
while($row=$select_stmt->fetch(PDO::FETCH_ASSOC))
{
?>
<a class="linha_paginas"></a>
<br>
<div class="col-sm-12 row">
<div class="col-sm-12 col-md-12 col-lg-6">
<br>
<br>
<div class="col-sm-12" align="middle"><a class="fancybox" href="upload/bairro/<?php echo $row['image']; ?>" data-fancybox-group="gallery"><img src="upload/bairro/<?php echo $row['image']; ?>" id="imagem_esp" class="imagem img-fluid"></a></div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6">
<div class="col-sm-12 texto_paginas" id="titulo_urgeirica">
<?php echo $row['titulo'];?>
</div>
<br>
<div class="col-sm-12" id="texto_urgeirica">
<?php echo $row['texto']?>
</div>
<br>
</div>
<br>
</div>
</div>
<?php
}
?>
</div>
</div>