html - Difference between justify-content vs align-content

I am using both justify-content and align content in the flexbox. what is the difference between them????

Answer

Justify-content: The justify-content property aligns the flexed container’s contents on the main axis, which by default(in case of the web) is the horizontal axis.

align-content: The align-content property aligns a flex container’s lines within the flex container when there is extra space on the cross axis.

For more info on this, visit this link- https://css-tricks.com/snippets/css/a-guide-to-flexbox/