Corresponding Filename: toggler-character-cards

Cards

Example 3 - Chinese Character Cards

Styling for chinese character cards is based on Material Design. The cards are built using Gird Blocks. Equal height is ensured using Equalizer. Character sizing is controlled using a character number class. Characters are centered by setting "display: flex;" on the parent in css while "align-center" and "align-middle" classes are added to the parent in markup

Tough work on character sizing at multple media calls is necesary to make this work reliably.

上午
Shàngwǔ

Morning

聚精会神 Jùjīnghuìshén

Attentively

to concentrate one's attention (idiom)

自行车 Zìxíngchē

bicycle

Shàng

Below, Bottom

上午 Shàngwǔ

Morning

上午 Shàngwǔ

Morning

上午 Shàngwǔ

Morning

上午 Shàngwǔ

Morning