Possible to remove a dynamically created div in a grid display without its neighboring divs moving?

Question

I have a parent div with

display: grid;
grid-template-columns: 50px 50px 50px 50px;
grid-template-rows: 50px;

then a javascript function creates