Posted 25 days ago. Visible to the public. Linked content. Auto-destruct in 35 days

Updated: The Difference Between Width and Flex Basis | Geddski

Changes

  • Within a Flexbox layout, there are multiple CSS attributes that may affect a child's basis (the initial width before flexing). You might be confused how `flex-basis`, `width`, `min-width` and the intrinsic width of your content play together.
  • The [attached article](https://gedd.ski/post/the-difference-between-width-and-flex-basis/) explains the differences. In summary:
  • - If a `flex-basis` is set, that is used as the basis
  • - If no `flex-basis` is set, the `width` is used as the basis
  • - If neither `flex-basis` nor `width` is set, the content's computed width is used as the basis
  • -In **all** cases `min-width` and `max-width` define a lower and upper bound for the effective width chosen within the Flexbox.
  • +In **all** cases `min-width` and `max-width` define a lower and upper bound for the effective width chosen within the Flexbox.
  • +
  • +Note that elements with overflowing contents behave differently, e.g. `word-wrap: break-word` works in a child using `width` but not in an (overfull) child using `flex-basis`. An `overflow: hidden` can fix that for you, for example.
  • +

Does your version of Ruby on Rails still receive security updates?
Rails LTS provides security patches for unsupported versions of Ruby on Rails (2.3, 3.2, 4.2 and 5.2).

Owner of this card:

Avatar
Arne Hartherz
Last edit:
25 days ago
by Arne Hartherz
About this deck:
We are makandra and do test-driven, agile Ruby on Rails software development.
License for source code
Posted by Arne Hartherz to makandra dev
This website uses short-lived cookies to improve usability.
Accept or learn more