I sometimes get a little tripped up by the combinations of properties/classes, clashing with each other.
If I have a fixed size canvas item inside a responsive Bootstrap column, which is inside a row, which is inside a container, how do I keep the canvas from getting larger than its intended (fixed) size?
Currently, the canvas scales up larger than it should be, as the column scales up.
<div class="container"> <div class="row"> <canvas id="canvas" width="570" height="350" class="col-10 offset-2"></canvas> </div> </div>
I want the canvas to still scale DOWN as the screen size (and column) shrink, but not to scale higher than the 570x350 pixel size.