Expand | ||
---|---|---|
| ||
The data driving these decisions lives in an edx internal spreadsheet here: https://docs.google.com/spreadsheets/d/1lhcnDo1Zsd7eWCP3_hz5oAHyYRB9ShCKgrEV0W6FLdU/edit#gid=908214725. Goals behind the choices below:
|
...
Tier 1: Our primary sizes in design
360 x 560
1350 x 630650
Other primary concerns
Note |
---|
QA design or implementation at 320 pixels wide in scenarios likely to have issues. If you are creating control bars or navigation bars that place buttons or fields on the left and right side of the viewport you should check your design at 320 pixels wide. You can preview an iPhone SE 1 in Chrome Dev Tools: Open Dev Tools, Turn on the Responsive viewport tool |
...
Tier 2: Design for these sizes if it seems necessary
320 x 450 This is the minimum width we must support to ensure our product is accessible.
414 x 720
1020 x 650
1520 x 720
...