🕌 Flexbox Salah Alignment (All 6 Properties)
Adjust Flexbox properties to see how Muslims align in prayer rows (Saff).
justify-content:
flex-start (Front)
center (Middle)
space-between (Spread Out)
space-around (Even Gaps)
align-items:
stretch (Shoulder-to-Shoulder)
flex-start (Children in Front)
center (Aligned at Shoulders)
baseline (Feet Aligned)
align-content:
flex-start (Rows at Top)
center (Rows Centered)
space-between (Gaps Between Rows)
align-self (Imam):
auto (Default)
flex-start (Imam Ahead)
center (Imam Centered)
justify-items:
stretch (N/A in Flexbox)
justify-self (Imam):
auto (Default)
flex-start (Imam Left)
center (Imam Horizontally Centered)
Imam
Muslim 1
Muslim 2
Tall Muslim
Child