Next.js Lectures

{display: flex};

Flexbox Only {flex-direction: row};

Flexbox Only {flex-wrap: wrap};

align-content: undefined;

justify-content: undefined;

align-items: undefined;

Grid Only justify-items: undefined;

align-self: undefined;

Grid Only justify-self: undefined;

flex-grow: 1;

flex-shrink: 0;

flex-basis: auto;

row-gap: 0px;

column-gap: 0px;

order: 0;

place-content = align-content justify-content { }

place-items = align-items justify-items { }

place-self = align-self justify-self { }

flex-flow = flex-direction flex-wrap { row wrap }

flex = flex-grow flex-shrink flex-basis { 1 0 auto }

gap = row-gap column-gap { 0px 0px }

0 order