Justify Items
The justify-items property in CSS determines how individual items inside a grid container align along the inline (main) axis within their grid area.
This property works only with CSS Grid, not with Flexbox.
Justify Items in Workmaster
In Workmaster, the Justify Items property controls how child widgets are aligned within their individual grid cells along the main axis (usually horizontal).
To enable Justify Items, the parent container must have its Display set to Grid.
This is a Conditional Value field. Such fields allow you to specify values directly OR use a Formula to specify a value. Conditional values are useful for specifying different values for changing situations, such as varying device types or screen sizes.
Possible Values
Baseline
Aligns widgets based on their text baseline, useful for aligning text-based content
Center
Aligns widgets to the center of each grid cell
End
Aligns widgets to the right (end) of each grid cell
Start
Aligns widgets to the left (start) of each grid cell
Examples
Initial Layout with Multiple Widgets
Consider a Responsive Grid Container having two columns with its Display property set as Grid.
1. Baseline
2. Center
3. End
4. Start
Last updated