abdullahmiraz / css-flexbox-grid

Serial No	Attribute Name	Description	Flexbox	Grid
1	flex-direction	Specifies the direction of the flexible items.	Yes	No
2	flex-wrap	Defines if the flexible items should wrap or not.	Yes	No
3	flex-flow	Defines the shorthand for flex-direction and flex-wrap.	Yes	No
4	justify-content	Aligns flexible items along the main axis.	Yes	Yes
5	align-items	Aligns flexible items along the cross axis.	Yes	Yes
6	align-content	Aligns the entire flex container's lines.	Yes	Yes
7	align-self	Aligns an individual flex item.	Yes	Yes
8	flex-grow	Specifies how the flexible item should grow.	Yes	No
9	flex-shrink	Specifies how the flexible item should shrink.	Yes	No
10	flex-basis	Specifies the initial size of the flexible item.	Yes	No
11	flex	Shorthand for flex-grow, flex-shrink, and flex-basis.	Yes	No
12	grid-template-columns	Defines columns in a grid layout.	No	Yes
13	grid-template-rows	Defines rows in a grid layout.	No	Yes
14	grid-template-areas	Defines grid areas in a grid layout.	No	Yes
15	grid-template	Shorthand for grid-template-rows and grid-template-columns.	No	Yes
16	grid-column-start	Specifies a grid item's start position in the grid column.	No	Yes
17	grid-column-end	Specifies a grid item's end position in the grid column.	No	Yes
18	grid-row-start	Specifies a grid item's start position in the grid row.	No	Yes
19	grid-row-end	Specifies a grid item's end position in the grid row.	No	Yes
20	grid-column	Shorthand for grid-column-start and grid-column-end.	No	Yes
21	grid-row	Shorthand for grid-row-start and grid-row-end.	No	Yes
22	grid-area	Either specifies a name for the grid item or a grid area.	No	Yes
23	grid-auto-columns	Defines the size of any implicitly-created grid columns.	No	Yes
24	grid-auto-rows	Defines the size of any implicitly-created grid rows.	No	Yes
25	grid-auto-flow	Controls how auto-placed items are added to the grid.	No	Yes
26	gap	Creates space between grid cells.	No	Yes
27	grid	Shorthand for grid-template-rows, grid-template-columns, and gap.	No	Yes
28	place-items	Aligns grid items in both axes simultaneously.	Yes	Yes
29	place-content	Aligns grid tracks within the grid container.	Yes	Yes