I'm using a bootstrap col-md-1 with an image inside, wrapped in a div with padding.
The issue is that the image is too small and I want it to be at least as big as the original size,
https://i.sstatic.net/9hqyj.png
while still being responsive.
Any suggestions on how to achieve this? Thank you!
HTML
<div class="content">
<div class="row">
<div class="col-md-11 first-column"></div>
<div class="col-md-1 back-to-blog">
<a href="/">
<img class="img-responsive" src="https://api.asm.skype.com/v1/objects/0-neu-d1-6d077751650ba9cb23f065b16e4d4581/views/imgpsh_fullsize">
</a>
</div>
</div>
</div>
</div>
CSS
.content {
padding: 0 35px;
}
.first-column {
border: 1px solid;
height: 100px;
}