Semantic-ui: Card header height

Created on 13 Mar 2017  路  2Comments  路  Source: Semantic-Org/Semantic-UI

Hi,

I use cards in a grid with equal-height columns.
The problem is that when the card's content is empty, the header's height is broken compare to a card not empty.

Browser : Google Chrome Version 58.0.3007.0 canary (64-bits)
Semantic-UI : 2.2.7
Code : http://jsfiddle.net/bv1jdwry/

Please see the JsFiddle : I would like the right card have the same header's height that the left card.

Does somebody know how can i fix the header's height in this case ? (without force it in CSS of course)

Thanks !

Usage Question

Most helpful comment

Hi @J2BB, try to change the first .content container for both cards to .extra.content instead.

All 2 comments

Hi @J2BB, try to change the first .content container for both cards to .extra.content instead.

Alright ! It works perfectly !
Thank you :)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ghost picture ghost  路  3Comments

kntmrkm picture kntmrkm  路  3Comments

davialexandre picture davialexandre  路  3Comments

guilhermeblanco picture guilhermeblanco  路  3Comments

Morrolan picture Morrolan  路  3Comments