Streaming live at 10am (PST)

Help with flexbox with rotated text

Hi, I create a flexbox with 3 headers inside that I want to act as 3 columns. I rotated the 2 outer ones, but I can’t figure out how to control the positioning. And honestly, don’t even know if that’s possible.

My aim is to line up the rotated text to the edges of the container

Here’s a link to my project

Here’s a screenshot of what I’m trying to do


Would appreciate any help!

You’ll just have to use margins but top and bottom instead since they are no longer right/left. You can also set the parent to position:relative and then use absolute positioning to put them wherever you want.

1 Like

ah ok, thank you for the tip. I was thinking there must be someway to achieve this through the flexbox options and so I felt I wasn’t selecting the right combination.

Solved with your recommendation. Thanks!

1 Like