Pavel-E-F

На сайте убрать тэг viewport )))

Вот написано:
У .photo и .info height: 50%;
Сможете объяснить - высота 50% от чего? )))
У родителя высота не указана, у деда тоже. Значит height будет не 50%, а auto.

С помощью css - никак. Ибо оба input в Вашем случае являются дочерними к своим div, а button, так сказать, братом к этим div.
Комбинации А + B и A ~ B работают только для селекторов у которых общий непосредственный родитель.
Выход:
1. Вынесите input из div и поставьте их перед button, поставьте им display:none. На их место в div поставьте label с for на эти input. Ну, и там в label нарисуйте чего-нибудь.
2. Или используйте javascript, в частности нужное событие.

Вы или в примере не всё показали, или в html не всё, что нужно написали.
Вот вижу, к примеру, #tableRowsHoles, а такого id не наблюдаю.
В консоли смотрели?