Page 1 of 1

Horizontal alignment in Layout & Flex Grid

Posted: Tue Jun 21, 2022 5:22 am
by lpug
This topic is realted to this post viewtopic.php?t=94347
I'm still have difficulties and this is the number issue I always stumble across. I have provided a basic demo with 4 options, 2 using layout grids and 2 using flex grids.
Alignment in both design view and preview mode dont match, I want the logo and text to be horizontally centre beside each other.
The first option in a grid has arial font and it appears to align ok if I use margins, howver in proview mode its not quite central(I can live with that)
Second option is same as first but with the font I'm building my website with (Archivo Narrow) doesnt matter what I do I cannot get this aligned, if you put margins/padding around it makes the grid so much bigger than it suppose to be.
3rd & 4th options use the flex grid, I dont have to much exprience with these but regardless still struggling.

I have disabled full width for both objects for all options.

Should I may be using a non responsive layer, if so would that defeat the purpose as it will require so many more breakpoints.

Demo https://1drv.ms/u/s!AkH9C6w0oL9tiwvIijS ... C?e=57HH8a

Re: Horizontal alignment in Layout & Flex Grid

Posted: Tue Jun 21, 2022 6:02 am
by Pablo
I'm sorry, it is not clear to mean what you are trying to do.
Firstly, do you mean horizontal or vertical alignment?

What do you want it to look like?
Also, I am not sure how is this related to the font?

Re: Horizontal alignment in Layout & Flex Grid

Posted: Tue Jun 21, 2022 9:09 am
by lpug
What i want to do is position the logo and text beside each other central within the grid vertical

Not all fonts are vertically centralised within the text box...see my examples. If you add padding or margins it makes cell grid much larger than necessary

Re: Horizontal alignment in Layout & Flex Grid

Posted: Tue Jun 21, 2022 10:28 am
by Pablo
What i want to do is position the logo and text beside each other central within the grid vertical
To center objects horizontally, select the column and set the alignment to 'center'

All fonts are handled the same way the same way by WWB. If the font behaves different on your computer then it may be related to the font itself. WWB does not apply any logic to fonts. They will be published "AS IS"

If you need further assistance then please try to be more specific.

Re: Horizontal alignment in Layout & Flex Grid

Posted: Tue Jun 21, 2022 12:09 pm
by lpug
Thanks Pablo, not sure how more specific I can be....I thought the demo was self explanatory.

If you have time to look at the demo, the second layout grid has a logo and text. All I want is to align both objects side by side(in a straight line) but centralised vertically

Thanks for your support

Re: Horizontal alignment in Layout & Flex Grid

Posted: Tue Jun 21, 2022 12:26 pm
by Pablo
I have look at the demo, but it's not clear for me what the problem is.
Everything seems to be working.

Can you please explain what you see and what you want to see different?