One card in a container is a little higher than the others

[alan_sh]

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

[Pablo]

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)

[alan_sh]

Thanks Pablo. I missed that

Alan

[alan_sh]

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

[Pablo]

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

[alan_sh]

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

[Pablo]

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.

[alan_sh]

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

[Pablo]

The padding is set in the CSS style sheet.

[alan_sh]

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

Thank you.

Alan