What I want is a video element that captures from a webcam next to it should be a canvas where one can take a picture and display it. After this I want to send it to the database. I can't figure out why it can stretch beyond the border.
<style>
.col-lg {
min-width: 0;
}
</style>
<div class="container-fluid" style="border: 2px solid crimson; display: flex">
<div class="row justify-content-center" style="border: 2px solid crimson;">
<div class="col-lg text-center" style="border: 2px solid crimson;">
<video id="cam_input" autoplay style="border:1px solid black;"></video>
</div>
<div class="col-lg text-center" style="border: 2px solid crimson;">
<canvas id="myCanvas" style="border: 1px solid black;"> </canvas>
</div>
</div>
</div>