Skip to content

Commit

Permalink
Fix: Issue #37597
Browse files Browse the repository at this point in the history
Fix: #37597

Fix: Issue #37597

Fix: Issue #37597
  • Loading branch information
SurajKharkwal committed Jan 13, 2025
1 parent 8f4599c commit 975bfad
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions files/en-us/web/css/flex-basis/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -176,7 +176,7 @@ This example demonstrates the difference between a `flex-basis` of `0` versus a

#### HTML

We include two same-structure flex containers. These which will be styled similarly, except for their `flex-basis` values. The containers each have two children: a heading `<div>` and a `<section>`. The `<section>` element has a content `<div>` child, which will not be set as a flex item but will be given a height.
We include two same-structure flex containers, which will be styled similarly except for their `flex-basis` values. The containers each have two children: a heading `<div>` and a `<section>`. The `<section>` element has a content `<div>` child, which will not be set as a flex item but will be given a height.

```html
<div class="container basis-0">
Expand All @@ -197,7 +197,7 @@ We include two same-structure flex containers. These which will be styled simila

#### CSS

We style the containers as inline flex containers that will appear side by side to better enable comparing them. We set the `flex-direction` to the column. 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%`. Neither the flex containers nor their flex items have a height explicitly set, but the heights of `section` elements can not exceed `200px` and their children have height `300px`.
We style the containers as inline flex containers that will appear side by side to better enable comparing them. We set the `flex-direction` to `column`. 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%`. Neither the flex containers nor their flex items have a height explicitly set, but the heights of `section` elements cannot exceed `200px` and their children have a height of `300px`.

```css
.container {
Expand Down

0 comments on commit 975bfad

Please sign in to comment.