Navigation Card
Set Image Location at Tablet + Desktop Options
Left + Right: Unconstrained • 33% • 50%
Full Width Cards with Images are Set to the Left
Constrained vs Not Constrained
Goes in: .edu main content area + Advanced Grid Wrapper
Margin-bottom: 3rem (with margin-bottom options)
Spans width: 100% of container it is in
Note: if the card is too thin where the image isn’t really visible, the width may not work well (due to the text and the image fighting to fill the space that card is allotted) and the card should be stacked at that point
Note: images may look stretched on Internet Explorer
Has options for:
- Image and image placement - top or bottom (with control over height) and left or right (with control over width). Note: when placed outside AGW, only place image on left or right as card will span 100% of container and will be too wide.
- Top bar color (default top color mango) and top bar hover color
- Button styling Note: if button not chosen, card has no hover
- When card is has link, whole card is button
- Note: Needs to be placed in AWG to float next to other cards