CSS Grid - Difference Between flex-start and Start Value in alignment/justifying Properties

Question

I'm a newbie in CSS Grid, after searching in Google, I haven't found what I seek for, I wonder in alignment and justifying properties, what is the difference between flex-start/flex-end and start/end value please?

Answer 1

On my experience:

• flex-start and flex-end target Flexboxs items specifically.
• start and end target other items.

Here the doc:

/* Positional alignment */

justify-content: center;     /* Pack items around the center */

justify-content: start;      /* Pack items from the start */

justify-content: end;        /* Pack items from the end */

justify-content: flex-start; /* Pack flex items from the start */

justify-content: flex-end;   /* Pack flex items from the end */

justify-content: left;       /* Pack items from the left */

justify-content: right;      /* Pack items from the right */