Learn CSS Flexbox by Building a Photo Gallery - Step 15

I don’t understand what this is supposed to do. Why do we need this when we already did justify-center the step previous? I see no difference at all in the website preview.

I don’t have an issue getting the code done, btw. I just don’t get what this step is for.

The way alignment works in flex is based on an axis. The x and y axis have different properties for alignment. In this case, the align-items is handling alignment on the y axis (the vertical axis). It may not appear to do anything depending on your screen and other factors but that is it’s stated purpose. (When your flex-direction is row, use justify-content for aligning on the x-axis and align-items for aligning on the y-axis. The default value for both of these if you do not explicitly set them is stretch and the images will stretch to fill their areas)

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.