Hey everyone! So I am in the process of trying to remake a section on my site that is not behaving properly. At the moment there are 2 versions of the section in the project located as the third and last sections of the project.
The idea is to have the final design look something like this:
At the moment as the browser is resized the diamond shaped elements I have on the page will move away from where I want them to remain. In the old version this may have been due to how I assembled and aligned the elements. The newer one has similar but different issues in that the objects resize differently to how they appear in the designer and the appear in a different place.
However I haven’t gone too far with the newer one as I could see it was just going to result in similar issues. So instead I thought I would ask instead of going any further with its assembly .
Any feedback on how I might solve the problem would be appreciated, otherwise I may have to go back and do a redesign. Thank you!
(old version: section 3)
(newer version: section 9)
Here is my site Read-Only: LINK