Streaming live at 10am (PST)

Flexbox: one item in each corner


#1

Hi,
I am trying to put one box in each corner.
I am stuck:
https://preview.webflow.com/preview/flextest-517f5b?preview=2116b899799a109652d7ba7ebee25bf0

I don't want to add extra containers and add "fake" rows.
There seems to be an elegant solution here:
http://jsfiddle.net/JWNmZ/10/

How to implement this in Webflow?


Here is my public share link: LINK
(how to access public share link)


#2

Good question. I think by default Webflow is unable to assign just a "flex:50%" to a class. You might just want to hardcode it in.


#3

Your share link doesn't work.

Why not instead of flex, the parent container set to position:relative and the child elements just absolute position in each corner?


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.