Scratch-www: Responsive clean up: Footer
Related: https://github.com/LLK/scratch-www/issues/2320
It would be great to consider how the footer info might wrap/stack so that you can still see all the links on a mobile device.
Right now, it starts to break around 690px.
kathymakes
All 2 comments
Note that there being no horizontal padding at low widths sort of looks, well, unprofessional; especially when there is obviously more than enough space between the two columns of links, some of which could be sacrificed for horizontal padding.
towerofnix
on 15 Nov 2018
Proposed Changes
Here's an audit of our existing styles & breakpoints. Some of them are looking OK as is (1200px, 730px), and most of the others should be restyled.
From 480px onwards, we can wrap the list blocks so that there is only one column. Font size and line height also increases so it's easier to click on touchscreens.
Note that these breakpoints are approx, might be different in the CSS.
kathymakes
on 20 Nov 2018
Related issues
benjiwheeler
路
4Comments
thisandagain
路
3Comments
thisandagain
路
3Comments
benjiwheeler
路
4Comments
chrisgarrity
路
4Comments
Most helpful comment
Proposed Changes
Here's an audit of our existing styles & breakpoints. Some of them are looking OK as is (1200px, 730px), and most of the others should be restyled.
From 480px onwards, we can wrap the list blocks so that there is only one column. Font size and line height also increases so it's easier to click on touchscreens.
Note that these breakpoints are approx, might be different in the CSS.