Working with cards

I have a problem resizeing cards, I am using boostrap and I want to put a image on the left but when I am resizing to some width the card explode because there are div of buttons that pull the bottom of the card and the div of the img doesn’t expand too,



<div class="card hoverable">
        <div class="row">
            <div class="col-lg-3 col-md-5 col-sm-6">
                <img src="" class="img-responsive card-img-left">
            <div class="col-lg-9 col-md-7 col-sm-6 card-block">
                <div class="header">
                <div class="body">
                    <div class="m-t-10">
                        <button type="button" class="btn btn-primary waves-effect">READ</button>
                        <button type="button" class="btn bg-teal waves-effect">EDIT</button>
                        <button type="button" class="btn btn-grey waves-effect pull-right">DELETE</button>


Why do you think the image does not become wider as the height of the outer container increases?

Is something limiting the width or height of the image?

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.