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)