Как эта веб-страница динамически масштабирует раздел, чтобы он соответствовал родительскому контейнеру? ⇐ CSS

[Anonymous]

Я новичок в интерфейсной разработке и приложениях React, но я создаю веб-страницу с помощью React, где у меня есть избранный раздел, управляемый в div, который должен поддерживать фиксированное соотношение сторон. Этот элемент div должен оставаться в центре родительского элемента div, который расширяется, чтобы соответствовать максимально отведенному пространству в окне браузера (со свойствами: положение: относительное, ширина: 100 %, высота: 100 %). Я бы хотел, чтобы дочерний div сохранял фиксированную ширину и высоту и динамически настраивал свой масштаб (используя свойства CSS Transform: Scale()), чтобы оставаться соответствующим образом центрированным с сохраняемым пространством внутри родительского div независимо от изменяющихся размеров родительского div из-за размер окна изменяется или другие компоненты меняют объем места, которое они могут занимать.
Я нашел экземпляр приложения реагирования, которое, похоже, хорошо справляется с этой задачей, по следующей ссылке: https:// papertrails.io/create
и я хотел бы воспроизвести функциональность динамического масштабирования элемента

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