change the px to the rem
fixed the flex quota and order property
Revert "change the px to the rem"

This reverts commit e53ef7fa213e4809cd2814b4aad1077bc5f09c86.