Streaming live at 10am (PST)

Help with flexbox with rotated text

#1

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 https://preview.webflow.com/preview/lawd?utm_source=lawd&preview=73ba391c4fcc23e6790965e7312d479a

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

Would appreciate any help!
Thanks!

#2

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
#3

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