I am attempting to align 2 images side by side while also ensuring they are responsive using Bootstrap.
I have attempted to use the following code:
<img src="..." class="float-left" alt="...">
<img src="..." class="float-right" alt="...">
while also trying to make them responsive with:
<img src="..." class="img-fluid" alt="Responsive image">
However, when I combine these, it does not work as expected:
<img src="..." class="img-fluid float-left"
<img src="..." class="img-fluid float-right"
<div class="allatok">
<img class="float-left" src="img/portfolio/labrador.png" alt="" style="height: 400px;">
<div class="papagaj">
<img class="float-right" src="img/portfolio/labrador.png" alt="" style="height: 400px;">
</div>
</div>
The issue here is that these images are not responsive at all.