Aiming to provide good screen size compatibility for mainstream 4K/5K screens, laptops and tablets
Aiming to avoid layout crashes for mobile device screen sizes, but mobile screen responsiveness is not in the compatibility list
The implementation follows the designer's intention to have 2 blocks covering the whole home screen, with appropriate flexible variations for the margin gap between title/subtitle and buttons.
Color blocks transfer from aligned in row to aligned in column, aiming to provide adequate UX to vertical screen ratios.
This PR implements home screen.
Goals for this implementation
4K large desktop screen W 2560
Large laptop W 1440
Small laptop/large tablet W 1024
iPad Air 1180x820
A few more extreme sizes
iPhone 14 Pro Max 430x932
iPad air vertical
iPad mini vertical
4K screen vertical