Re: [csswg-drafts] [css-grid] Manage GRID cell as FLEX. (#6714)

@SelenIT  @Loirooriol  @tabatkins 
I will write abbreviated in the format flex:justify-content property, so that it is clear what property we are talking about.
You are right, the `justify-content` property has different meanings FLEX and GRID.
But at the same time `flex:justify-items` are completely ignored in FLEX. At the same time, the grid:justify-items and flex:justify-contents are equivalent to each other, with the difference that one is for FLEX and the other is for GRID.
So we will act differently for this task, we will use the `grid:justify-items` block to align several blocks inside the cells.
This property has only the values: `start` | `end` | `center` | `stretch` ;
Let's supplement these properties with new ones taken from `flex:justify-content`.
`space-between` | `space-around` | `space-evenly`  |  `safe` | `unsafe`;
This way we get a GRID with property 
`justify-items: start | end | center | stretch  | space-between | space-around | space-evenly  |  safe | unsafe;`

But for FLEX, we can supplement.
To avoid confusion with the **`justify-content`** properties, we can make a `flex:justify-items` alliance for FLEX, which will fully correspond to the `flex:justify-content` property.


As you can see, we have added a new feature, but at the same time we have made it easier to understand FLEX and GRID by comparing properties.

-- 
GitHub Notification of comment by korenevskiy
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6714#issuecomment-939466008 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Sunday, 10 October 2021 11:34:09 UTC