Home > OS >  CSS: grid item grows and overflows
CSS: grid item grows and overflows

Time:12-09

my goal is that while hovering any grid item it should change it's height without changing the grid order. Thanks in advance.

Current code: enter image description here

Expected: 3x6 grid that first grid item overflows next row on hover

CodePudding user response:

Here is a not perfect solution https://codesandbox.io/s/3x6-grid-that-overflows-on-hover-forked-to5hsj?file=/src/styles.css

Basically, I added inner divs to the child divs and extended their height on hover.

  • Related