Streaming live at 10am (PST)

Photo Alignment Problems


#1

I'm having issue with aligning a photo in a column and text in the opposite column. It looks fine on larger desktop screens, but on smaller desktop screens I'm running into issues where the photo resizes but the text takes up much more room. See the screenshots below. Site preview is here.

Photo 1

Photo 2


#2

Did you resolve this? On smaller browser windows the photo is going to shrink as is the width of the the text column so the text area is going to get taller. That's how it's going to work until you hit the next size down viewport. Where you could make the photo 100% width.

Just noticed that you are using 4 columns - two with content and two without on the outer edges. You might just put two columns or divs into a container or use just two divs. That might give the photo and text more space to spread out.


#3

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