www.wysiwygwebbuilder.com

I have a page which has a card container with three cards in. Each one SHOULD be the same height for all the content - but the one on the right shows a little higher than the other two.

I have another container just below it with another 3 cards in and they are all OK.

I cannot see what the difference is for the one that isn't quite in line. I;ve tried Firefox and Chrome and they both show the same thing.

This picture shows the issue (the scrawly arrow is me showing you which card it is)



Can anyone have a look at this test wbs file and let me know what they see and if they can see an issue?

https://www.dropbox.com/s/d2taf8n5nslhq ... t.zip?dl=1

thanks

Alan

The 3rd card has different padding.
The quickest way to solve this is by using copy style/paste style on the cards (via the context menu)

Thanks Pablo. I missed that

Alan

Nope - I can't see any difference anywhere. Please can you point me in the right direction?

I don't want to just copy another card as I want to know what;'s wrong and how to fix it.

Alan

To fixed it
- right click one of the cards
- in the context menu select 'copy style'
- right click all other cards, select 'paste style'

Pablo,

I do know about that. What I'd like to do is understand where the differences are set. So, what setting made the margins different as I have looked at all the options (but I must have missed one) and I cannot see any that are different?

thanks

Alan

I think you have (accidentally) copied the padding from another object, because card itself does not have padding settings.
That is why I suggested this solution.

The solution works. But I even looked through the html code and didn't see where padding was set. So how does the browser know to apply padding? Where is it actually set?

cheers

Alan

The padding is set in the CSS style sheet.

Ah - that's why I didn't find it.

Thank you.

Alan