Streaming live at 10am (PST)

Column height 100% of parent


#1

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?



#2

Can you please provide a read only link? Thanks!

https://help.webflow.com/article/how-do-i-share-my-sites-read-only-link


#3

Hi @Mustafa_Sayeed.

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

Regards,
Anna


#4

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 :slightly_smiling:


#5

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