Keep text within a div with complex shape created with clipped path
Hi!
I'm looking at code examples to create a hex grid using CSS and want to achieve a hex grid that allows content of all types. The examples are all graphical or photo based, and when I play around with them trying to add text elements, it is clear that clipping paths don't actually define a hexagonal box but rather adjust the visuals to look and act hexagonal for visual purposes. However, I want a true hex shape that I can place text within that will allow automatically breaking and adjusting text to the hex shape. Has anyone had any experience with similar designs?
I'm looking at code examples to create a hex grid using CSS and want to achieve a hex grid that allows content of all types. The examples are all graphical or photo based, and when I play around with them trying to add text elements, it is clear that clipping paths don't actually define a hexagonal box but rather adjust the visuals to look and act hexagonal for visual purposes. However, I want a true hex shape that I can place text within that will allow automatically breaking and adjusting text to the hex shape. Has anyone had any experience with similar designs?
