iphone 6 breakpoint

A simple brain challenge:

A container defined by 750px is always this width no matter which device. In this case you’d need a specific breakpoint to “reduce” the size. Theoretically you’d need to check all 4 trillion different screen sizes available.

A container defined by 75% is always fitting within a device no matter its size or manufacturer. In this case you just judge design by asking yourself: Still acceptable of a need to do something. But its content will always fit the screen (which is the sense of responsive design).

So the golden rule is:

Relative units above absolute.

And I even go one step ahead:

Relative Positioned vs. Absolute Positioned

The real underlying construction for responsive design is inflow (or relative positioned items). In Freeway aka BoxModel, I call it theGrid these days. Backdraft (it’s free) for example gives you a good impression of the principles of this Framework.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at: