Docs

[bcoplin]

Is there a way to easily create (with css and class field) a row in which the content inside each column scales with the size of the screen and keeps its proportions?

I set up the text on the left and the image on the right but depending on the screen size it looks different. There will end up being a gap under the photo or the text touching the bottom of the row.

I want to make it so the image always fills from top to bottom with no margin and the text stays centered and equal margin on all sides.

If i use gaps it doesn’t work either so I think this needs custom css.

Thank you in advance!

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[bcoplin]

This reply has been marked as private.

[Paul R]

Hi,

Please remove the padding in your columns then add this in the style field of both columns where your text and image resides.

display:inline-block; vertical-align:middle;

Hope that helps

[Author]

Posts