Cards lose align when adding second Text

[christ2000]

Hello, any idea why my card lose the align when adding second text?

HERE SHOW CORRECT




THEN APPEAR THE ERROR

[Pablo]

I cannot see what you have done based on the screenshot.

Do you have a demo project?

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

[christ2000]

Hello Pablo, the RED TEXT in first card, is a second text i added to this card, if i add a second text card go up

[Pablo]

Sorry, but I need a project file to be able to help you.

Please read:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

[christ2000]

o Sorry here you arehttps://workupload.com/file/wHNXrxhEhsC

on project look fine, but in preview not

[Pablo]

I do not see the problem in the project.
The alignment looks correct when I preview the page.

What exactly do I need to do to see the problem?

[christ2000]

wow, when i put the preview in firefox, chrome or any explorer, card 1 is higher

[christ2000]

I put the page and test in another computer and same error

You don't see the First white card in higher position when preview?

check the arrow

[Pablo]

Ok, I thought you were referring to the alignment of the text.
I think it's related to the negative margin of the card. I believe they call this 'collapsing margin'
In this case the height of all cards should be the same.

[christ2000]

all cards are 370, 200 so i dont know

[Pablo]

It's not about the height, but the content of the card.
Using a negative margin will have this side effect (unrelated to WWB)

[christ2000]

i think there is something wrong, i put the basic cards to test and when you delete any element on the card, the layout fail to load properly , while card has same item inside all work fine

[bkjohns]

Are you using a card container, layout grid or flexbox for the cards?

[christ2000]

card container

thanks

[Pablo]

In the example you have shared, you are not using a card container. The cards are in a layout grid.
This means that the cards are floating, because you did not define columns.
If you really want to use a layout hgrid then you can align the top with th4 efoliwng code:

Code: Select all

<style>
#wb_Card1, #wb_Card2, #wb_Card3
{
    vertical-align: top;
}
</style>

But I think using a flex container or card container would be better choice.

Also, (although unrelated to this problem) there is an error in your breakpoints. The default view should be the widest view.

[christ2000]

Thanks for the help i will try recomendations,

Pablo as you mention (The default view should be the widest view.) how put the widest default?

thanks

[Pablo]

You cannot make a breakpoint default. You will have to update the default view manually.

[christ2000]

thanks