Add `max-width: 100%` to card width
Description
For different screen, to avoid limiting users to use card only to the smallest screen, it's best we add max-width: 100%
to set the card to maximum width of the container size. That way, user can safely set finite card width without worrying its overflowing appearance in small screen.
Expected Behavior
card is expected to grow its width to the maximum of its parent container width and not overflow it.
Current Behavior
card width can grow towards overflowing the parent container.
How to Reproduce
- Set a fix width container.
- Inside the container, create a card that is bigger than the container.
- Observe the rendering. The card is growing outside of the parent container.
Severity
Level of Security: Significant
Urgency
Level of Urgency: Code BLUE