First, we see this size_hint variable. Size_hint is a hint at the size of an element, based on portions of the "total" available. 0.3, 0.2 means the element will be 30% of the window wide, and 20% of the window tall.

Next, we spot pos_hint. Pos_hint gives a hint at the position, which is measured relatively between 0 and 1, where 1 is "completely" something and 0 is "not" something.

Pos_hint was just confusing to me for a while, and I still have to think a bit about what it actually means... but I just add "ness" to the term I am modifying. So, if we say pos_hint is {"right":0.5 and "top":1}, then we're saying it has "half right-ness" and full "top-ness."

Using these terms, with float layout, gives you the ability now to have a window with widgets, buttons, labels, and whatever else that will resize pretty well, no matter what the size of the window is, or the orientation of the window (portrait vs landscape).

Now, our application can do:

Or...

As you can see, we're able to adjust the pixel position, as well as the size, completely relatively according to the size and shape of the actual window itself. Pretty cool!