Мне было интересно, может ли кто-нибудь помочь мне со следующим. Первое изображение показывает таблицу, которую я создал, когда отображается на рабочем столе, что выглядит хорошо.
Однако, когда я запускаю Chrome DevTools, чтобы проверить отзывчивость, второе изображение ниже показывает, как оно выглядит, а не то, что мне нравится. Я предоставил ссылку jsfiddle: https://jsfiddle.net/silosc/4zLwoehm/12/
Это было сделано с Bootstrap. Может кто-нибудь сказать мне, как я могу сделать так, чтобы круги идеально совпали, как на первом изображении? Любая помощь приветствуется. Я уже пробовал class = "img-отзывчивость" в таблицах div, но это не сработало.


