Running Chrome on Windows 10, when I create a page with a table that degrades (removes a couple of columns) as the viewport narrows, Chrome is very jerky.
On my wife's Windows 10 computer, Chrome doesn't even show resizing arrows for the same page.
On my Samsung Chromebook Pro, Chrome resizes the page smoothly.
On my computer, both Edge and Firefox resize the page smoothly.
I have searched my code and my CSS for obvious errors but cannot find anything that stands out.
Update:
I have found that having both a linear-gradient and a border on a tr causes the problem. remove either and the page re-sizes just fine.
As a work around, this seems to work just fine...
background:linear-gradient(180deg,white,pink,98%,black);