Замени path на rect. Атрибуты width/height/x/y никак не влияют на тэги path и g. После этого уже можешь написать простенький скрипт на js, который задаст нужные размеры и положения прямоугольников.
Pavel_20, изначально вопрос звучал как: "Нормальный макет для портфолио?", да и тэгов css, html вроде не было, вот я и подумал, что очередной особо одаренный дизайнер решил выдать чужое за свое. Для верстки макет нормальный, разве что шрифт на заголовках нечитаемый
При использовании delete myArr[i] длина массива и индексы элементов не меняются, поэтому можно в самом объекте хранить его индекс в массиве и по нему удалять объект без перебора. Но это при условии, что новые объекты будут добавляться только в конец массива. Другой способ - использовать вместо массива связный список.