Basic Layout query

Support
#1

Hi! I have a quick question…I have a two column layout. Column 1 is a bunch of text and then three small inline images. Column two is large image - currently this image is top aligned with the content in column 1.

I’d like the large image in column 2 to b bottom aligned with the inline images in column 1. I think what I need to do is force column 2 to be the same height as as column 1, then force the content of column 2 to be bottom aligned (display: flex and justify content works but messes up the responsiveness).

Is there an easier way to achieve this layout? I’ve attached a screen shot and will link to the page in a secure note.

The top section of the image is a screenshot of the live site, then I’ve included the skeleton view of that section so you can see the structure, then I’ve photoshopped the top image to the layout I would like to achieve.

Thanks for your time!

#2

Hello @DoughBalls,

Thanks for writing in!

You can achieve the layout that you want by doing the following:

  • Please edit the page back in Cornerstone
  • Click the row settings and enable the “Marginless Column” option
  • In the column 2 settings, please add some padding and align the image to the right or center.
  • In the column 2 settings’ “Customize” tab, add an inline css vertical-align: bottom so that the image will always stay at the bottom.

Hope this make sense. Please let us know how it goes.

#3

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