Streaming live at 10am (PST)

Column height 100% of parent


My divs are organized as below

   <article> </article>
     <sidebar> </sidebar>

I am using the readily available row-column element in webflow.

<column1> has the same height as that of <article>. Now the problem is i want the height of both columns divs to have same height as that of <container>

how do i do this?


Can you please provide a read only link? Thanks!


Hi @Mustafa_Sayeed.

1) give some height to the container
2) make row height: 100%
3) make both columns height: 100%



Hi @Mustafa_Sayeed, in addition to the good info from @sabanna, see how easily this layout can be made using Flexbox: :slightly_smiling:

closed #5

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