DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity
Files
55fb80d96bb65d3e28f51fa4e83f81cdfa215d04
yoga/website/contents/properties/aspect-ratio.md
Joe Vilches ce8fe99bf9 Fix typo on aspect ratio page 
Summary: Was reading https://yogalayout.com/docs/aspect-ratio and noticed a typo. "Flexbox does has" -> "Flexbox does have"

Reviewed By: NickGerleman

Differential Revision: D49885138

fbshipit-source-id: 847b40eda257bd0726c3992a7285ac6fa267d418
2023-10-03 14:44:00 -07:00

850 B
Raw Blame History

path, title, hasPlayground
path title hasPlayground
/docs/aspect-ratio Aspect Ratio true

Aspect Ratio

AspectRatio is a property introduced by Yoga and is not present as a settable property in the css flexbox specification. Flexbox does have the notion of aspect ratio though for things with intrinsic aspect ratio such as images.

The aspect ratio property in Yoga has the following properties:

  • Accepts any floating point value > 0, the default is undefined.
  • Defined as the ratio between the width and the height of a node e.g. if a node has an aspect ratio of 2 then its width is twice the size of its height.
  • Respects the min and max dimensions of an item.
  • Has higher priority than flex grow
  • If aspect ratio, width, and height are set then the cross axis dimension is overridden.