I have had a website for 3+ years that shows 9
s on the screen at once aligned in a 3x3 grid to display a football league’s game schedule.Each of those nine tables now have both a horizontal and vertical scrollbar, without me changing anything.
All of the
.Tdej2_ {
display: flex;
flex-direction: column;
height: 100%;
overflow: scroll;
}
which forces all tables to have scrollbars.
How can I change this CSS property to none, or remove the overflow property entirely? In chrome, if I turn off the overflow, my screen returns to looking exactly like it used to.
This is a breaking change, so it should be optional to not force redesigns of existing pages.