MUI: центральные флажки в сетке независимо от длины метки флажка. ⇐ CSS

[Anonymous]

У меня есть форма с кодом:

Код: Выделить всё

{playlists.map((playlist) => (



))}



Upload Video

Что отображается следующим образом:


Я хотел бы сделать поле левой части левого столбца равным полю правой части правого столбца, чтобы флажки были центрированы на странице.
Я могу добиться этого, установив для элемента Grid свойство align="center", хотя это нарушает вертикальное выравнивание флажков - здесь это изображение для справки:


Мне бы хотелось, чтобы форма выглядела вот так (я перебрал код с помощью CSS, хотя теперь форма не работает динамически в зависимости от размера экрана пользователя — это всего лишь ссылка на желаемый результат.
Мне бы хотелось, чтобы форма выглядела вот так (я перебрал код с помощью CSS, хотя теперь форма не работает динамически в зависимости от размера экрана пользователя — это всего лишь ссылка на желаемый результат).
/>


Как я могу настроить свой контейнер для достижения это?

Подробнее здесь: https://stackoverflow.com/questions/787 ... bel-length