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.
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