Some inconsistencies were spotted in the vf-summary existing in the live and on the figma library. Review the design of the variants and propose solutions to address the elements that are out of sync. Here are the issues noted:
[ ] Review the documentation as it currently references the vf-box which has been deprecated
The current “news has image variant” does not stack the elements in responsive mode. This causes the image and the body of text to compete for the limited horizontal space on mobile and hence having poor readability for body texts with short line length.
[ ] Design the responsive behaviour for this variant.
Examples of implementations where the component stacks the image:
Some inconsistencies were spotted in the vf-summary existing in the live and on the figma library. Review the design of the variants and propose solutions to address the elements that are out of sync. Here are the issues noted:
The current “news has image variant” does not stack the elements in responsive mode. This causes the image and the body of text to compete for the limited horizontal space on mobile and hence having poor readability for body texts with short line length.
[ ] Design the responsive behaviour for this variant. Examples of implementations where the component stacks the image:
Training site
Intranet announcements
Useful links