Роман Кузнецов, ааа, ну тогда ок, просто этой предыстории не было, и если такое не уточнить, то совет про Grid это плохой совет. Вдруг кто-то сетку думает делать, а боится, что где-то отрыл в сети, что флексы не кроссбраузерно, и вот ищет варианты, а ему грид дают, в общем - курьезно вышло бы)))
Andrey Vasilev, в доке нет? там должно быть написано, что принимает placemark, если там написано String | DOM, значит можно DOM, если только String, значит нет - только строку.
Не вник до конца, честно. Но, отвечая на вопрос в заголовке: если задать padding-top: 50% то будет как раз половина ширины, потому что паддинги вертикальные в процентах тоже от ширины идут. Проблема в том, что тогда контент туда не вставишь, но можно в блок вложить еще блок и position: absolute; top: 0, bottom: 0, left: 0, right: 0 - растянуть контент на всю ширину и высоту.
Safari все больше напоминает IE, так что скорее всего не в media дело, а в правилах и значениях, которые применяли, может Safari как-то некорректно с ними работает.
28m28misha10, это не java, это javascript, и Ваш вопрос некорректный, потому что какой объект Вы собрались поворачивать? Ответы Вам по делу дали - трансформ матрица, трансорм ротейт, как частный случай и тд, все это и на css можно, а на канвасе сложнее, но тоже можно.
Владимир, просто querySelector и тд это ломает архитектуру - раз, а во-вторых, Вы понимаете как реакт работает с DOM? В любой момент реакт может посчитать нужным создать новый DOM, и ссылки, которые Вы получили через querySelector не будут работать, вот и ловите null, undefined и тд.
Владимир, ну вот селект - компонент, в нем еще компонент - какой-нибудь список из компонентов, в каждый компонент списка спускаете текст и значение, туда же передаете функцию, что если по тебе кликнули - отдай родителю свое поле значение, а родитель куда-то в своем стейте это значение сохранит.