Topic: Full Size Images & Dynamic Height On Angular Flipping Card
Option for image on flipping card to be dynamic and not be cut off by the .content section.
When copying the code from here:
Any image that is larger than the set pixel height overflows with overflow:hidden. This prevents the whole image form being seen and seemingly hidden when it runs over. If the image height is changed then the .content section of the card runs off the card height because the card height is fixed too.
Is there any way to display images on flipping cards in a way that they don't get cut off (so a dynamic height flipping card - not fixed as it is right now). Also any way to create a dynamic height flipping card?
Secondly is there a way in Angular to make all the cards equal height based on this dynamic nature? "d-flex align-items-stretch" is only listed in the jQuery section but I would like a similar effect in Angular. Are these available for use in Angular too or only jQuery?:
Resources (screenshots, code snippets etc.)
See links above.
- User: Pro
- Premium support: Yes
- Technology: Angular
- MDB Version: 8.6.0
- Device: Surface
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes