Slightly awkward sentences on flex-basis page

[Hexstream]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis

What specific section or headline is this issue about?

Flex basis 0 vs 0%

What information was incorrect, unhelpful, or incomplete?

"these which" is awkward:

We include two same-structure flex containers. These which will be styled similarly, except for their flex-basis values.

I would just rephrase as:

We include two same-structure flex containers, which will be styled similarly except for their flex-basis values.

---

"to the column" is awkward:

We set the flex-direction to the column.

Either of these would work:

We set flex-direction to column.

We set the flex-direction to column.

---

"item" should be "items":

The first container's flex items have a flex-basis value of 0 and the second container's flex item have a flex-basis value of 0%.

Also, I think a slightly better phrasing would be:

The first container's flex items have a flex-basis value of 0, while the second container's flex items have a flex-basis value of 0%.

---

Lastly, this is not an error but I would use "cannot" instead of "can not".

What did you expect to see?

No awkward sentences and no typo.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/css/flex-basis
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/flex-basis/index.md
• Last commit: c63daf6
• Document last modified: 2024-08-30T08:36:41.000Z

[SurajKharkwal]

Hi, I’ve submitted a pull request that fixes the issue. You can view it here. The PR corrects the typo in the flex-basis documentation under the section "Flex basis: 0 vs 0%".

Looking forward to your feedback!

Thanks!