Grid col 1fr behaviour vs percentages?
Hi all. Just struggling with positioning in a grid. My grid has 3 columns, with widths of 20%, 1fr and 20% respectively.
The first 3 images above show what happens in a grid when I place the slider in each column.
The columns that have widths defined as a percentage seem to behave as if
The fix is to apply
The problem is that this also prevents the absolute notification from breaking out of its parent. I can lift that notification out of the parent if need be, but it would be a pretty hacky job to position it in my actual layout.
Codepen Demo. To replicate, first add
Thanks
The first 3 images above show what happens in a grid when I place the slider in each column.
The columns that have widths defined as a percentage seem to behave as if
overflow:hiddencol-start-12The fix is to apply
overflow-hiddenThe problem is that this also prevents the absolute notification from breaking out of its parent. I can lift that notification out of the parent if need be, but it would be a pretty hacky job to position it in my actual layout.
Codepen Demo. To replicate, first add
grid-col-1overflow-hiddenThanks
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Was this page helpful?
