Hero section divided into 3 columns (33.33% each)

I need to divide the hero section into 3 columns with a different background image each. The images are 400px w by 600px h. I want the width to be 33.33% each. How do I set the height for each column to match the width of the picture?

https://preview.webflow.com/preview/naamex-website?preview=d24a6473a05417711e0979eff3cad231

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

Hey @eliblu in order to set the columns to equal height you will need to give them a specific height of say 680px or taller and to position: Relative. And when applying the background images, set them to Cover (note that they will be partially masked when doing so).

Please let me know if this helps, if not, I’m happy to help further, be sure to tag me @Waldo :smiley:

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