Есть ли способ заставить многие дочерние элементы div оставаться в пределах размера родительского элемента без переполне ⇐ CSS

[Anonymous]

Я делаю проект Etch-a-sketch из проекта Odin, и на данный момент мне удалось создать сетку и применить эффект наведения. Я застрял в попытке заставить дочерние элементы правильно соответствовать родительскому элементу. Я думал о том, как изменить размер дочерних элементов div, но не смог этого понять. Я также думаю, что установка фиксированных чисел для родительского div (контейнера) и дочерних элементов div вызывает у меня проблемы.

Любая помощь приветствуется!
Набросок letContainer = document.getElementById('container'); let SquaresPerSide = Prompt('Выберите число до 100, чтобы создать сетку с таким количеством квадратов на каждой стороне.'); функция newGrid () { пусть TotalSquares = SquaresPerSide * SquaresPerSide для (я = 0; я