object-fit – Tarik Billa

Using object-fit on a with child elements, including a

April 7, 2024 by Tarik

I don’t know if it’s ok for you, but I think it can be done mostly in css if you allow a little bit more HTML. Consider the following html <div class=”outerContainer”> <div class=”canvasContainer”> <canvas width=”640″ height=”360″></canvas> </div> <div class=”beside”> </div> </div> I just added a little div around the canvas. This way we let … Read more

How to use objectFit for Next.js 13 ?

January 2, 2024 by Tarik

NextJS Image component now supports style prop so I believe this is the right answer: <div style={{position:”relative”}}> <Image src={source} alt=”” fill style={{objectFit:”cover”}} /> </div> Parent container is relatively positioned.