justify-content, align-items, and align-content Properties

Just try and justify the apocalypse

justify-content: This determines how the content is distributed across the main-axis that you’ve chosen (horizontal for rows, vertical for columns).

.undead-parent {
    justify-content: center;
}

justify-content can have the following values:

• center: This puts the items in the center of the row or column.
• flex-start: This bunches the items at the left or top.
• flex-end: This bunches the items at the right or bottom.
• space-around: This makes sure there’s equal space on the right and left (or top and bottom) of each item. It

...