What is the best way to create a decorative menu - at an angle, with multiple elements?

Question

css

Good afternoon, I am creating a portfolio for myself (beginner webmaster), I really liked one layout - I want to bring it to life;
Interested in your opinion about how best to make a menu of this format:

Icons will be located inside the rhombuses (links to site blocks).
Of the proposed options:
-pouchatsya and impose using div and rotate;
-shorten the path and simply overlay the image, set the icons to absolute positioning for each screen width;
-maybe some other options tell me;
The site will be responsive.

Answer 1

1. General menu rotation.
2. Menu items with overflow:hidden .
3. Elements with box-sizing:border-box , and for some, pseudo-elements are positioned instead of a border.
4. Inside the elements, a picture exceeding the size of the element by about 1.5 times (no less than the root of 2) and rotated in the opposite direction.

Answer 2

That is, the method presented below is humane and will not fall apart?
codepen.io/anon/pen/pJoXLe