[wp-meta] [Making WordPress.org] #3673: Improve WordPress download page

[Making WordPress.org]

#3673: Improve WordPress download page
----------------------+-----------------------
 Reporter:  obenland  |       Owner:  obenland
     Type:  task      |      Status:  assigned
 Priority:  normal    |   Milestone:
Component:  General   |  Resolution:
 Keywords:            |
----------------------+-----------------------

Comment (by kjellr):

 This is looking great! I really like that we're moving the mobile app
 section to the top of the page on small screens. Great move. 🙌

 A few minor suggestions:

 I agree with @karmatosed that the 2/1 grid at the top seems a little odd
 on larger screens. Maybe we could place the Installation + Release
 Notifications items side by side, and slide the Requirements in below?

 [[Image(https://cldup.com/xP3FG_HWnI-3000x3000.png)]]

 ----

 Between `480px` and `768px` wide, the host blocks have no top margins.
 This makes the "Visit Bluehost" link appear closer to the WordPress.com
 logo than to the Bluehost content. We use `2rem` top margins for these
 blocks on small screens, and I'd probably adapt those at this breakpoint
 too.

 [[Image(https://cldup.com/2KvfI5iN3s-3000x3000.png)]]


 ----

 ... In fact, I'd recommend keeping that `2rem` top margin on all
 breakpoints. 🙂 I like that it gives the host blocks equal top/bottom
 spacing:

 [[Image(https://cldup.com/t5Q7S8P0tE.thumb.jpg)]]

 ----

 I think the parallelogram usage would be more successful if we removed the
 lighter one underneath. Since the lighter one is so light (yet also so
 similar in tone to the darker parallelogram), its presence makes the top
 parallelogram less distinct. If the darker parallelogram were alone
 against white, it'd be a bit more clear:

 [[Image(https://cldup.com/-mWI5y2KoY-2000x2000.png)]]

 ----

 Finally, I'm seeing some horizontal scroll overflow on all the browsers I
 tried (Safari 11.1, Chrome 67, Safari on iOS 11.4.1)

 [[Image(https://cldup.com/LHxIb7U1Ca.gif)]]

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/3673#comment:20>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org