I have a div with a grid of 3 columns (grid-cols-3), and then two child divs: one with a column span of 2 (col-span-2), and the other with a column span of 1 (col-span-1). I want to fix the div with a column span of 2. The issue is that when I use position: fixed, it uses the window’s width and height, covering the column with a span of 1
Here’s the code I’m using, could you help me fix it?
div className="h-full">
<div className="grid grid-cols-3 w-full h-full">
<div className=" col-span-2 h-full w-full top-0 overflow-y-hidden">
<div className="w-full h-full bg-black text-white">ghhh</div>
</div>
<div
id="content-wraper"
className="col-span-1 bg-white h-full w-full "
></div></div>