Hi. I’m trying to match a design template but I’m struggling to get a row to vertically align with line and column below. I’ve tried various options but can’t work it out.
Could you please have a look and advise a solution and/or best practice on how to set this design up.
Hi Paul,
Thanks for reaching out.
The columns are already at the same height as shown in the screenshot, but due to the image height the texts are just under the image and it looks like the columns are not equal heights. If you set any background color to the columns you can find the height of these columns. I would suggest you reset the bottom margin of the text element to adjust the height.
Hope it helps.
Thanks
Hi @tristup. Thank you for your reply. While that info is helpful, the solution is not answering the problem.
I’ll try explaining it in a different way. I’m trying to match the image of the design that was provided in the secure note.
The design has 3 components to it. The about section (containing a row with 2 columns), the horizontal line, and finally a headline and body of text.
I want to have those 3 components be justifiably aligned on both the left and right-hand sides.
The issue I’m facing is that the row (containing the image in 1 column and text in the other) won’t align (left and right-hand sides) to the horizontal line, and the headline and body of text below.
Can you please offer some advice on solving that issue?
Hello Paul,
Do you want to align like this?
Please make sure that both of your Row elements has the same Container Sizing.
Remove any Width settings in your Text elements and just align them to Justify.
Kindly let us know how it goes.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
