Streaming live at 10am (PST)

Column height 100% of parent

My divs are organized as below

<container>
 <row>
  <column1>
   <article> </article>
  </column1>
   <column2> 
     <sidebar> </sidebar>
  </column2>
</row>
</container>

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%

Regards,
Anna

Hi @Mustafa_Sayeed, in addition to the good info from @sabanna, see how easily this layout can be made using Flexbox: https://flexbox.webflow.com/#equalheight :slight_smile:

1 Like

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