Kevin Powell - CommunityKP-C
Kevin Powell - Community15mo ago
18 replies
Sylvia

Changing flex box width according to flex wrap

Ok so! I have a container holding elements, doesn't matter what kind. At the start and end (currently) there are brackets. Created using before/after pseudo elements. What I want is, whenever there is a wrap like seen on the image, the brackets still hold everything in between so like instead of
[A, B, C
D, E]

I want it to be
[A, B, C˥
[D, E   ˩

Without it being 2 brackets but 1 long bracket, I couldn't find a good ascii character for open brackets.

Here is a quick demo that pretty much shows the whole thing!

https://codepen.io/TcePrepK/pen/wvVXMXg?editors=1100
image.png
Was this page helpful?