Layouts

The Now Assistant Card Designer allows you to layout your Card using a flexbox-based system with classes. Below you find examples of layouts which you can copy and paste to your Liquid view Element in the Card Designer.

Horizontal and vertical layout

Flexible children in a vertical layout

Flex ratios

Alignment

Cross-axis stretch alignment (default)

Cross-axis center alignment

Cross-axis start alignment

Cross-axis end alignment

Self-alignment

Justification

Start justified

Center justified

End justified

Center-center justified

Equal space between elements

Equal space around each element

Wrapping

Reversed layouts

General purpose rules

Got an issue? Or want to submit feedback?
Submit your feedback

Our new Feedback and Issue Tracker is built on GitHub Issues. Just leave your comment below and you can track our team resolve it, or browse issues others have already submitted.

Read how to use the Feedback and Issue Tracker