Muszę więc stworzyć powtarzający się sześciokątny wzór za pomocą CSS. Jeśli potrzebne są obrazy, mogę tam pojechać, ale wolę używać CSS, jeśli to możliwe.

Oto pomysł, co próbuję stworzyć:

Zasadniczo potrzebuję tylko sposobu na utworzenie sześciokątnych kształtów, a następnie nałożenie na nie tekstu / obrazów. Nie mam jeszcze zbyt wiele kodu, ponieważ nie jestem pewien, od czego zacząć. Problem polega na tym, że mógłbym po prostu użyć<div>s w kształcie sześciokąta, jak pokazano na (http://css-tricks.com/examples/ShapesOfCSS/), ale wtedy nie będą się łączyć. Mogłabym użyć powtarzającego się wzoru sześciokąta, ale wtedy nie byłbym w stanie określić dokładnej lokalizacji tekstu lub obrazów, których potrzebuję w określonych kształtach. Dzięki za pomoc z góry.