DEV Community

[Comment from a deleted post]
Collapse
 
ironcladdev profile image
IroncladDev

Okay, I know the difference between items and content, but I'm wondering what the difference between align-content, justify-content, align-items, and justify-items. I want to know how aligning is different than justifying.

Collapse
 
jhossyd3v profile image
Jhossymar Contreras • Edited

Anirudh talks about it in the post.

I will write my answer according to I know.

The difference between align and justify is that justify-* affects the main axis (horizontal when flex-direction is row and vertical when flex-direction is column) and align-* affects the cross axis (vertical when flex-direction is row and horizontal when flex-direction is column).

Regards.

 
ironcladdev profile image
IroncladDev

Thanks a lot. That was really helpful.