Streaming live at 10am (PST)

Copy Width Issue

My case study pages all have the same format with either the image on the left with the text on the right with the same width for each text area. However, when the copy is shorter, the box automatically resizes to a shorter width making the layout uneven. See RESULTS section: https://www.outwrite.ca/case-study/osl

If it’s even shorter, it won’t stay beside the image and move below the image: https://www.outwrite.ca/case-study/yellow-lab

I checked all the div area settings and they say Auto so not sure what I need to do to fix this.

Please help!

could you share your read-only link? That helps us look at the way you’ve set things up

Thank you Sarah. Here’s the read-only link: https://preview.webflow.com/preview/outwrite-website?utm_medium=preview_link&utm_source=designer&utm_content=outwrite-website&preview=f961238dac63932689a7bd11f106ebe9&pageId=5d9d3aab12f8e268f710acc7&mode=preview

@tomomilo you’ll want to look at using flexbox for this. Take a look at the university article herehttps://university.webflow.com/article/intro-to-flexbox, I won’t be able to give more precise instructions until the weekend or even after. This should get you started.

Thank you! I’ll take a look and see if this can help fix this issue.