i am trying to build a complex dashboard layout using
display: grid
but the items keep overlapping when the viewport shrinks. i thought using
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
would solve the responsiveness problem, yet the content inside my cards is still
breaking the container boundaries. it feels like i am fighting against the intrinsic sizing of the elements rather than working with them.
>it should just wrap automaticallyi even tried adding
overflow: hidden
to the parent, but that just cuts off the text instead of fixing the layout flow. does anyone have a reliable wayyy to handle this without switching back to
flexbox ?
maybe i should just give up and use floats like it is 2005