I've been attempting to center and enlarge two images by creating a class and modifying the stylesheets/scss, but so far, I haven't had any success. Below is the HTML code:
<div class="row" class="testimoinal_image">
<div class="col-md-5">
<%= link_to image_tag("south_london.jpg", class:"south_london")%>
</div>
<div class="col-md-2">
</div>
<div class="col-md-5">
<%= link_to image_tag("statravellogo.jpg", class:"statravellogo"), "https://http://www.statravel.co.uk/", :target => "_blank"%>
</div>
</div>
My goal is to use the .south_london class to adjust size and position, and the .statravellogo class to make further modifications, however, my attempts in the stylesheet have not yielded the desired results:
.testimonial_image{
max-width: 15rem;
text-align: center;
}
.south_london{
max-width: 20rem;
float: center;
}
.statravellogo{
max-width: 15rem;
text-align: center;
}
If you have any insights or suggestions, please let me know!