Более того, я могу много чего не учесть, к примеру, местности, где будет стоять строение, просто пропущу этот момент (потому что я не знаю, что он важен), а через месяц дом уйдет под землю
при нажатии или наведении на кружочек, все эти элементы, из одной фигуры должны превратиться в другую, которая ещё куда-то на искосок
При наведении на любой из 12ти элементов должно появляться окно, как на на прикрепленных изображениях, с нужным описанием этих элементов.
align-items: center;, с виду, кажется лишней, если мы каждому пишем self?
Два инпута сами по себе встают в строку.
И их лейблы тоже.
Но вы их обернули в div.
И теперь вам в строку нужно поставить их.
В современном мире это удобнее всего делать флексами или гридами.
Можно и inline-block, но будет отступ между ними.