APX is based on how many pixels occupy
the necessary width of the screen, and we
by specifying the dimensions in pixels according to the layout. Then the formula
the layout on each screen width as it
was intended by the designer. It's that simple!
Of course, you can use VW units without APX.
But then you would have to calculate
in a calculator
or "eyeball" how much space
the element takes each time.
With APX.css, it's simple enough to write
the same sizes as in pixels on the layout.
And in most cases, we only need two versions:
desktop and mobile. Using APX, the layout will
larger or smaller depending
on the screen width without distorting.
And you will only need to switch
to the mobile version at the width where the desktop version content looks too small.