EndreFasong
KPCKevin Powell - Community
•Created by EndreFasong on 3/25/2023 in #front-end
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?
7 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
I have a page for mobile that should dynamically adjust to the users device. There is a box that I'd like to have outside of the default view and that should scroll the entire page down when coming into view.
How can I best approach this problem?
One thought is that the entire content could be wrapped and then shifted up/down the height of the afore mentioned box. But that requires the parent to "know" the dynamically set height of a child, which seems bad/ impossible?
I am still very much learning and all comments and tips are very welcome!
29 replies