I am currently utilizing Bootstrap 4 and encountering two specific challenges that I need help solving.
- I need to resize the image while maintaining its proportions.
- Whenever I place a lengthy text (40 characters) to the right of the picture, it ends up shifting below the image.
<div class="container" style="margin-top:110px;" >
<div class="d-flex flex-wrap">
<div style="float:left">
<img class="img-fluid z-depth-2 rounded" src="data:image/jpeg;base64,@(Convert.ToBase64String(Model.Image))" />
</div>
<div style="float:left">
<h1 style="margin-left:300px" class="">@Model.Name</h1>
<h5 style="margin-left:40px" class="">@Model.About</h5>
</div>
</div>
</div>