my eyes must be tired. I am trying to increase the height of a row in bootstrap and i just cant seem to get it. I am forcing data with the following code:
<div class="container">
<div id="divheight">
<div class="row bg-info text-white">
<div class="col-sm-2 align-middle">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/freecodecamp-profile_image-d9514f2df0962329-300x300.png"</img>
</div>
<div class="col-sm-3 align-middle">
<label>freecodecamp</label>
</div>
<div class="col-sm-7 align-middle">
<label>Greg working on Electron-Vue boilerplate w/ Akira #programming #vuejs #electron</label>
</div>
</div>
</div>
</div>
and this is my css
#divheight {
heights: 120px;
}
img {
width: 50px;
height: 50px;
}
I am forcing the image down to a height of 50px but the row does not render at 120px. Its rendering at 50px, the size of the image.
Any suggestions are greatly appreciated.
Thank you.