Выбор дизайна CSS-Grid
Я новичок в веб-разработке, и у меня есть вопрос по выбору дизайна. Я разрабатываю игру, в которой ученики могут научиться умножать. Теперь я столкнулся с проблемой отображения умножения. Я не знаю, как отформатировать отдельные ячейки ввода для умножения. Следующий рисунок может немного прояснить мою проблему. 
Поскольку я не знаю, сколько полей (белые квадратики) и переносов (красные квадратики) возникает, я не уверен, как действовать дальше.
Я использую Django и пытался создать сетку (не css-сетку) из всех возможных боксов для этого расчета и установить флаг отображения в true, если этот бокс необходим для расчета. Делать это было неправильно. Должен быть более простой способ. Подойдет ли css-grid для решения этой задачи? Таким образом, я просто передаю все боксы в представление, а css будет обрабатывать остальное.
Заранее спасибо
Я бы предложил также использовать css. В частности, "grid-row-templates" и "grid-column-templates". Это облегчит представление информации и сделает ее отзывчивой.